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前 言 


“网 站 开发 案例 课堂 ”系列 图 书 是 专门 为 网 站 开发 和 数据 库 初学 者 量 身 定做 的 一 套 学 习 
用 书 ， 由 刘 玉 红 策划 ， 千 谷 网 络 科技 实 训 中 心 的 高 级 讲师 编著 ， 整 套 书 涵盖 网 站 开发 、 数 据 
库 设计 等 方面 ， 具 有 以 下 特点 。 


前 沿 科技 


无 论 是 网 站 建设 、 数 据 库 设 计 ， 还 是 HTML5、CSS3， 我 们 都 精 选 较为 前 沿 或 者 用 户 群 
最 大 的 领域 推进 ， 帮 助 读者 认识 和 了 解 最 新 动态 。 


权威 的 作者 团队 


组 织 国家 重点 实验 室 和 资深 应 用 专家 联手 编著 该 套图 书 ， 融 合 丰富 的 教学 经 验 与 优秀 的 
管理 理念 。 


学 习 型 案例 设计 


以 技术 的 实际 应 用 过 程 为 主线 ， 全 程 采用 图 解 和 同步 多 媒体 结合 的 教学 方式 ， 生 动 、 直 
观 、 全 面 地 剖析 使 用 过 程 中 的 各 种 应 用 技能 ， 降 低 学 习 难 度 ， 提 升学 习 效率 。 


为 什么 要 写 这 样 一 本 书 


随 着 网 络 的 发 展 ， 很 多 企 事 业 单位 和 广大 网 民 对 于 建立 网 站 的 需求 越 来 越 强烈 。 另 外 ， 
对 于 大 中 专 院 校 ， 很 多 学 生 需 要 做 网 站 毕业 设计 。 但 是 这 些 读 者 又 不 懂 网 页 代码 程序 ， 不 知 
道 从 哪里 下 手 ， 为 此 ， 本 书 针对 这 样 的 零 基 础 读者 ， 全 面 介 绍 Dreamweaver+ASP 开发 动态 网 
站 的 知识 ， 读 者 在 动态 网 站 开发 中 遇 到 的 技术 ， 基 本 上 本 书 中 都 有 详细 讲解 。 通 过 本 书 的 实 
训 ， 读 者 可 以 很 快 地 进行 网 页 设计 和 动态 网 站 开发 ， 提 高 职业 化 能 力 ， 帮 助 解决 工作 和 学 习 
中 的 实际 问题 。 


本 书 特色 


@ 零 基 础 、 入 门 级 的 讲解 

无 论 您 是 否 从 事 计 算 机 相关 行业 ， 是 否 接 触 过 Dreamweaver 和 动态 网 站 开发 ， 都 能 从 本 
书 中 找到 最 佳 起 点 。 
e@ ” 超 多 、 实 用 、 专 业 的 范例 和 项 目 
本 书 从 Dreamweaver 和 ASP 的 基本 概念 讲 起 ， 带 领 读者 逐步 深入 学 习 各 种 应 用 技巧 ， 侧 
重 实战 技能 ， 对 简单 易 懂 的 实际 案例 进行 分 析 和 操作 指导 ， 让 读者 读 起 来 简明 轻松 ， 操 作 起 
来 有 章 可 循 。 








Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由” 一 


e@ ”随时 检测 自己 的 学 习 成 果 

每 章 首页 中 ， 均 提供 了 学 习 目 标 ， 以 指导 读者 重点 学 习 及 学 后 检查 。 

e@ ”细致 入 微 、 贴 心 提示 

本 书 使 用 “注意 ”“ 提 示 ”“ 技 巧 ” 等 小 栏目 ， 使 读者 在 学 习 过 程 中 更 清楚 地 了 解 相 关 
操作 、 理 解 相关 概念 ， 并 轻松 掌握 各 种 操作 技巧 。 

@ ”专业 创作 团队 和 技术 支持 

本 书 由 千 谷 网 络 科 技 实 训 中 心 提供 技术 支持 。 读 者 在 学 习 过 程 中 遇 到 任何 问题 可 加 入 QQ 
群 221376441 提问 ， 专 家 会 在 线 答疑 。 


NN “Dreamweaver+ASP 开发 动态 网 站 ”学 习 最 佳 途径 
: 


本 书 以 学 习 “Dreamweaver+ASP 开发 动态 网 站 ”的 最 佳 制作 流程 来 分 配 章节 ， 从 最 初 的 
Dreamweaver 基本 操作 开始 ， 先 后 讲解 动态 开发 语言 基础 、 数 据 库 后 台 构 建 方法 、 网 站 营销 
推广 等 。 同 时 在 案例 中 展示 了 动态 网 站 开发 中 的 常用 技术 ， 更 进一步 提高 读者 的 实战 技能 。 
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超 值 光盘 


e@ 全程 同步 教学 录像 

涵盖 本 书 所 有 知识 点 ， 详 细 讲 解 每 个 实例 的 创建 过 程 及 技术 关键 点 。 比 看 书 更 轻松 地 掌 
握 书 中 所 有 的 Dreamweaver+ASP 开发 动态 网 站 知识 ， 而 且 扩 展 的 讲解 部 分 使 读者 得 到 比 书 中 
更 多 的 收获 。 

e@ ”超大 容量 王牌 资源 大 放送 

赠送 大 量 王牌 资源 ， 包 括 本 书 实例 的 完整 素材 文件 、 教 学 幻灯 片 、 本 书 精品 教学 视频 、 
经 典 ASP 代码 大 集合 、7 大 经 典 ASP 动态 网 站 完整 源码 、 网 页 样式 与 布局 案例 赏析 、 
Dreamweaver CS6 快捷 键 和 技巧 、HTML 标签 速 查 表 、 精 彩 网 站 配色 方案 赏析 等 。 


读者 对 象 
e@ 没有 任何 DreamweaverHASP 基础 的 初学 者 。 





吕 开 | 


有 一 定 的 Dreamweaver 基础 ， 想 精通 动态 网 站 开发 的 人 员 。 
有 一 定 的 动态 网 站 开发 基础 ， 没 有 项 目 经 验 的 人 员 。 

正在 进行 毕业 设计 的 学 生 。 

大 专 院 校 及 培训 学 校 的 老师 和 学 生 。 


创作 团队 


本 书 由 刘 玉 红 策划 ， 千 谷 网 络 科技 实 训 中 心 高 级 讲师 编著 ， 参 加 编写 的 人 员 还 有 周 佳 、 
付 红 、 李 园 、 刘 玉 萍 、 王 攀登 、 郭 广 新 、 侯 永 岗 、 蒲 娟 、 刘 海松 、 孙 若 淞 、 王 月 娇 、 包 臣 
利 、 陈 伟 光 、 胡 同 夫 、 梁 云 梁 和 周 浩 浩 。 

在 编写 过 程 中 ， 我 们 尽 所 能 地 将 最 好 的 讲解 呈现 给 读者 ， 但 也 难免 有 踢 漏 和 不 妥 之 处 ， 
敬 请 不 音 指 正 。 若 您 在 学 习 中 遇 到 困难 或 疑问 ， 或 有 何 建议 ， 可 写 信 至 信箱 
357975357@qq.com。 
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动态 网 站 开发 基础 
认识 Dreamweaver CS6 
网 页 开发 语言 基础 
构建 动态 网 站 后 台数 据 库 





已 经 深入 到 人 们 工作 和 生活 的 各 个 方面 。 借 助 


随 着 网 络 技 术 的 迅猛 发 展 ， 网 络 
于 网 络 ， 可 以 查阅 资料 ， 进 行 网 上 学 习 、 网 上 娱乐 、 网 上 购物 等 ， 而 这 些 都 需要 网 


络 中 服务 器 强大 的 后 台数 据 库 功 能 来 实现 。 利 用 数据 库 实现 网 络 应 用 的 网 站 ， 就 是 


通过 动态 数据 库 网 站 。 
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Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 ~ 


1.1 认识 网 页 和 网 站 


在 创建 网 站 之 前 ， 首 先 需要 认识 什么 是 网 页 、 什 么 是 网 站 以 及 网 站 的 种 类 与 特点 。 本 节 
就 来 认识 一 下 网 页 和 网 站 ， 了 解 它们 的 相关 概念 。 


1.1.1 什么 是 网 页 


网 页 是 Internet 中 最 基本 的 信息 单位 ， 是 把 文字 、 图 形 、 声 音 及 动画 等 各 种 多 媒体 信息 相 


互 链 接 起 来 而 构成 的 一 种 信息 表达 方式 。 

通常 情况 下 ， 网 页 中 有 文字 和 图 像 等 基本 信息 ， 有 些 网 页 中 还 有 声音 、 动 画 和 视频 等 多 
媒体 内 容 。 网 页 一 般 由 站 标 、 导 航 栏 、 广 告 栏 、 信 息 区 和 版 权 区 等 部 分 组 成 ， 如 图 1-1 
所 示 。 
在 访问 一 个 网 站 时 ， 首 先 看 到 的 网 页 一 般 称 为 该 网 站 的 首页 。 有 些 网 站 的 首页 具有 欢迎 
访问 者 的 作用 。 首 页 只 是 网 站 的 开场 页 ， 单 击 页 面 上 的 文字 或 图 片 ， 即 可 打开 网 站 主页 ， 而 


首页 也 随 之 关闭 ， 如 图 1-2 所 示 。 
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1-1 网 站 网 页 1-2 ”网 站 主页 


网 站 主页 与 首页 的 区 别 在 于 : 主页 设 有 网 站 的 导航 栏 ， 是 所 有 网 页 的 链接 中 心 。 但 多 数 
网 站 的 首页 与 主页 通常 合 为 一 个 页 面 ， 即 省 略 了 首页 而 直接 显示 主页 ， 在 这 种 情况 下 ， 它 们 


指 的 是 同一 个 页 面 ， 如 图 1-3 所 示 。 


1.1.2 ”什么 是 网 站 


网 站 就 是 在 Intemet 上 通过 超级 链接 的 形式 构成 的 相关 网 页 的 集合 。 简 单 地 说 ， 网 站 是 一 
种 通信 工具 ， 人 们 可 以 通过 网 页 浏览 器 来 访问 网 站 ， 获 取 自己 需要 的 资源 或 享受 网 络 提供 的 


服务 。 
例如 ， 人 们 可 以 通过 淘宝 网 站 查找 自己 需要 的 信息 ， 如 图 1-4 所 示 。 
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1-3 网 站 首页 图 1-4 淘宝 网 网 站 


1.1.3 ”网 站 的 种 类 和 特点 
按照 内 容 形 式 的 不 同 ， 网 站 可 以 分 为 门户 网 站 、 职 能 网 站 、 专 业 网 站 和 个 人 网 站 4 大 类 。 
1. 门户 网 站 
门户 网 站 是 指 涉及 领域 非常 广泛 的 综合 性 网 站 ， 如 国内 著名 的 3 大 门户 网 站 : 网 易 、 搜 
狐 和 新 浪 。 如 图 1-5 所 示 为 网 易 网 站 的 首页 。 
职能 网 站 


职能 网 站 是 指 一 些 公 司 为 展示 其 产品 或 对 其 所 提供 的 售后 服务 进行 说 明 而 建立 的 网 站 。 
如 图 1-6 所 示 为 联想 集团 的 中 文官 方 网 站 。 
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图 1-5 门户 网 站 图 1-6 职能 网 站 
3. 专业 网 站 


专业 网 站 指 的 是 专门 以 某 个 主题 为 内 容 而 建立 的 网 站 ， 这 种 网 站 都 是 以 某 一 题材 作为 网 
站 内 容 的 。 如 图 1-7 所 示 为 赶集 网 站 ， 该 网 站 主要 为 用 户 提供 租房 、 二 手 货 交 易 等 同城 相关 
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案例 课堂 b> 








服务 。 
4. 个 人 网 站 
个 人 网 站 是 由 个 人 开发 建立 的 网 站 ， 在 内 容 形式 上 具有 很 强 的 个 性 化 ， 通 常用 来 宣传 自 


己 或 展示 个 人 的 兴趣 爱好 。 如 现在 淘宝 网 上 注册 一 个 账户 ， 开 家 自己 的 小 店 ， 在 一 定 程序 上 
是 宣传 自己 和 展示 个 人 兴趣 与 爱好 ， 如 图 1-8 所 示 。 
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图 1-7 专业 网 站 图 1-8 个 人 网 站 


个 2 网 页 的 静态 与 动态 


目前 网 络 传递 信息 的 媒体 ， 有 一 半 以 上 是 通过 网 页 的 显示 来 实现 。 有 许多 网 站 提供 的 信 
是 静态 的 方式 ， 所 有 的 主页 内 容 都 是 固定 不 变 ， 更 新 只 能 靠 站 长 手动 编辑 才能 完成 。 但 是 
etter toy 让 所 有 的 用 户 者 不 再 是 被 动 地 接收 信息 ， 而 是 更 
进一步 地 对 网 页 的 内 容 提 供 意 见 、 参 与 讨论 。 例 如 新 浪 论坛 网 站 ， 用 户 可 以 发 帖 和 相互 交流 
沟通 ， 如 图 1-9 所 示 。 
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1.2.1 静态 网 页 


静态 网 站 ， 是 由 一 组 相关 的 存放 在 执行 网 站 服务 器 的 计算 机 上 的 HTML 网 页 和 文件 所 组 
成 的 ， 一 般 这 样 的 网 页 也 称 为 静态 网 页 。 例 如 一 些 常 见 的 个 人 网 站 ， 往 往 只 包含 静态 页 面 。 

网 站 服务 器 是 提供 网 页 的 软件 ， 会 对 网 页 浏览 器 所 发 出 的 要 求 做 出 响应 。 当 用 户 在 网 页 
上 单 击 链接 、 在 浏览 器 中 选择 书签 或 在 浏览 器 的 网 址 栏 中 输入 URL 并 单 击 【 转 到 】 按 钮 时 ， 
便 会 产生 网 页 要 求 。 

当 网 站 服务 器 收 到 静态 网 页 的 要 求 时 ， 服 务 器 会 读 取 并 找到 网 页 ， 然 后 将 它 传送 到 要 求 
的 浏览 器 ， 如 图 1-10 所 示 。 
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图 1-10 静态 网 页 浏览 过 程 
静态 网 页 的 最 终 内容 是 由 网 页 设计 师 决 定 的 ， 不 会 在 要 求 网 页 显示 时 更 改 。 


1.2.2 动态 网 页 


动态 网 站 ， 一 般 又 称 为 互动 网 站 。 当 网 站 服务 器 接 到 对 静态 网 页 的 要 求 时 ， 服 务 器 会 直 
接 将 网 页 传送 到 提出 要 求 的 浏览 器 ， 不 做 进一步 的 修改 。 但 是 网 站 服务 器 接 到 对 动态 网 页 的 
要 求 时 ， 反 应 则 不 相同 ， 它 会 将 网 页 传送 到 负责 完成 网 页 的 特殊 软件 扩充 功能 ， 这 个 特殊 软 
件 称 为 应 用 程序 服务 器 。 


1. 单纯 处 理 动态 网 站 的 原理 


一 般 应 用 程序 服务 器 的 执行 方式 是 直接 读 取 网 页 上 的 程序 代码 ， 根 据 程序 代码 中 的 指示 
完成 网 页 ， 再 将 程序 代码 从 网 页 删除 。 应 用 程序 服务 器 会 将 静态 网 页 返回 网 站 服务 器 ， 后 者 
则 将 该 网 页 传送 到 提出 要 求 的 浏览 器 ， 浏 览 器 在 网 页 到 达 时 所 取得 的 数据 是 纯粹 的 HTML， 
不 过 已 经 是 经 过 更 新 的 结果 。 处 理 过 程 的 示意 图 ， 如 图 1-11 所 示 。 
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1-11 ”单纯 处 理 动态 网 站 的 过 程 


这 里 的 动态 的 表现 是 根据 浏览 器 端的 要 求 来 响应 处 理 后 的 结果 ， 这 样 的 方式 较为 单纯 而 
直接 。 应 用 程序 服务 器 另 一 种 更 为 高 级 的 执行 方式 ， 是 链接 数据 库 。 
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2. 链接 数据 库 处 理 动态 网 站 的 原理 


应 用 服务 器 还 可 以 进一步 让 用 户 使 用 数据 库 的 服务 器 端 资源 。 在 动态 网 页 中 ， 程 序 设计 
师 可 以 指示 应 用 程序 服务 器 从 数据 库 检索 数据 ， 并 将 其 插入 网 页 的 HTML 中 。 从 数据 库 检索 
数据 的 指示 称 作 数 据 库 查询 。 查 询 是 由 搜索 标准 组 成 ， 这 些 标准 是 以 被 称 为 SQL( 结 构 化 查询 
语言 ) 的 数据 库 语言 表达 。 链 接 数 据 库 处 理 动态 网 站 的 过 程 如 图 1-12 所 示 。 
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图 1-12 ”链接 数据 库 处 理 动态 网 站 的 过 程 


网 站 应 用 程序 几乎 可 以 使 用 任何 数据 库 ， 只 要 有 适当 的 数据 库 驱 动 程序 即 可 。 这 个 部 分 
也 就 本 书 所 谈论 的 重点 ， 后 面 将 介绍 如 何 使 用 Dreamweaver CS6 制作 与 网 页 服务 器 、 应 用 程 
序 服务 器 与 数据 库 之 间 互 动 的 网 站 应 用 程序 。 


1.3 动态 网 站 开发 的 整体 流程 


对 于 一 个 网 站 来 说 ， 除 了 网 页 内 容 外 ， 还 要 对 网 站 进行 整体 规划 设计 。 格 局 凌乱 的 网 
站 ， 内 容 再 精彩 ， 也 不 能 说 是 一 个 好 网 站 。 要 设计 出 一 个 精美 的 网 站 ， 前 期 的 规划 是 必 不 可 
少 的。 一 般 来 说 ， 网 站 建设 可 以 分 为 以 下 几 步 。 


1.3.1 网 站 的 前 期 规划 


网 站 建设 的 第 一 步 就 是 规划 。 大 家 都 知道 ， 规 划 对 于 达成 事情 预期 效果 起 到 决定 性 的 作 
用 ， 网 站 制作 也 不 例外 。 为 什么 别人 的 网 站 运作 很 好 ， 自 己 的 网 站 却 无 人 问津 呢 ? 这 就 是 前 
期 规划 没有 做 好 造成 的 结果 。 

网 站 的 前 期 规划 包括 如 下 几 个 步骤 。 

1. 网 站 项 目的 可 行 性 分 析 

对 于 网 站 项 目 来 说 ， 首 先 需要 进行 可 行 性 分 析 ， 也 就 是 分 析 是 不 是 可 行 ， 或 者 说 是 不 是 
能 在 一 个 可 以 预测 的 时 间 段 内 有 较 好 的 发 展 前 途 ， 否 则 ， 没 有 必要 投入 人 力 、 物 力 及 财力 去 
措 建 。 

网 站 可 行 性 分 析 主 要 考虑 以 下 几 个 方面 。 

e@ ”社会 可 行 性 :计算 机 网 络 作为 一 种 先进 的 信息 传输 媒体 ， 有 着 信息 传送 速度 快 、 信 

息 覆 盖 面 广 、 成 本 低 的 特点 。 它 可 以 低 投入 地 进行 世界 范围 的 广告 活动 ， 可 以 提高 
公司 的 社会 形象 ， 可 以 提高 企业 的 管理 效率 、 增 加 新 的 管理 手段 等 。 





2. 企业 网 站 定位 分 析 


经 济 可 行 性 :对 于 一 个 大 型 的 网 站 来 说 ， 需 要 强大 的 经 济 基础 支持 ， 无 论 是 建站 费 
用 ， 商 品 投资 方面 ， 都 需要 很 大 的 资金 注入 。 而 对 于 一 个 中 小 型 网 站 ， 特 别 是 小 型 
商务 网 站 来 说 ， 其 建站 费用 少 、 商 品 数 量 少 、 投 资 成 本 较 低 ， 因 此 比较 容易 实现 和 
管理 ， 正 所 谓 “ 船 小 好 掉头 ”。 

技术 可 行 性 : 在 技术 方面 ， 需 要 考虑 网 站 采用 的 主要 技术 ， 无 论 是 用 ASP 建设 网 
站 ， 还 是 用 PHP 建设 网 站 ， 或 者 用 当下 流行 的 Java 语言 、Ajax 语言 也 都 是 可 以 的 。 





任何 一 个 网 站 ， 必 须 首先 具 有 明确 的 建站 目的 和 目标 访问 群体 ， 即 网 站 定位 。 应 该 清楚 
主要 用 户 群 是 哪些 人 ， 由 此 应 该 提供 什么 内 容 、 服 务 ， 以 及 达到 什么 效果 。 网 站 是 面 对 公司 
或 个 人 客户 、 供 应 商 、 最 终 消费 者 还 是 全 部 ? 是 为 了 介绍 企业 、 宣 传 某 种 产品 还 是 为 了 试验 
电子 商务 ? 如 果 目 的 不 是 唯一 的 ， 还 应 该 清楚 地 列 出 不 同 目的 的 轻重 关系 。 

建站 类 型 的 选择 、 内 容 功能 的 筹备 、 界 面 设计 等 各 个 方面 都 受到 网 站 定位 的 直接 影响 
因此 网 站 定位 是 企业 建立 其 营销 网 站 的 基础 。 例 如 京东 网 站 是 主要 针对 网 上 购物 而 创建 的 综 
合 性 购物 网 站 ， 如 图 1-13 所 示 。 








CE TT ET RR Rm FR 


3JD 三 二 EE 








CD ed Ge | 新 弛 上 困 RN 





图 1-13 京东 网 站 





企业 网 站 的 定位 应 该 是 基于 严格 的 市 场 调查 和 反复 考虑 ， 包 含 以 下 几 大 要 素 。 


企业 自身 因素 :企业 所 处 的 行业 状况 ， 所 生产 的 产品 的 特点 。 要 考虑 行业 成 本 结 
构 ， 看 看 网 络 能 和 否 降低 待 售 产品 市 场 营销 、 货 物 运输 和 支付 的 成 本 结构 。 企 业 产品 
是 否 与 计算 机 有 关 ， 产 品 使 用 者 的 计算 机 操作 水 平 如 何 ， 产 品 是 否 便于 通过 网 络 得 
到 较 充分 的 了 解 ， 产 品 的 交易 过 程 是 否 能 够 自动 化 。 

资源 分 析 : 企业 进行 网 站 功能 服务 的 定位 ， 要 考虑 在 当前 的 资源 环境 下 能 够 实现 
的 ， 而 不 能 脱离 了 自身 的 人 力 、 物 力 、 互 联网 基础 以 及 整个 外 部 环境 等 因素 ， 要 研 
究 企业 的 财务 状况 是 否 能 够 支持 一 个 大 型 网 站 的 建设 、 运 行 和 维护 。 

目标 客户 分 析 : 对 目标 顾客 的 年 龄 、 性 别 、 学 历 、 职 业 、 个 性 、 行 为 、 收 入 水 平 、 
地 理 位 置 分 布 等 各 种 资料 的 分 析 。 企 业 要 加 强 对 网 上 消费 者 行为 进行 研究 ， 这 将 是 
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提高 顾客 服务 的 基础 。 企 业 必须 要 重视 对 网 络 消费 者 的 研究 ， 探 讨 网 络 营销 环境 的 
建设 。 

3. 网 站 的 定位 

当前 ， 网 络 已 成 为 一 项 引起 社会 变革 和 经 济 结构 、 经 营 模式 发 生前 所 未 有 的 变化 的 技术 
和 工具 ， 企 业 网 站 不 仅 成 为 企业 宣传 产品 和 服务 的 窗口 ， 也 是 展示 企业 形象 的 前 沿 阵地 。 在 
做 好 对 市 场 及 企业 自身 的 研究 之 后 ， 下 一 步 就 要 进行 具体 的 定位 操作 。 对 企业 网 站 的 定位 ， 
大 体 可 以 包括 以 下 两 个 方面 。 

e 网 站 类 型 : 尽管 每 个 网 站 规模 不 同 ， 表 现形 式 各 有 特色 ， 但 从 经 营 的 实质 上 来 说 ， 
不 外 乎 信息 发 布 型 ， 此 类 属于 初级 形态 的 企业 网 站 ， 不 需要 太 复 杂 的 技术 ， 而 是 将 
网 站 作为 一 种 信息 载体 ， 主 要 功能 定位 于 企业 信息 发 布 ， 如 众多 的 中 小 企业 网 站 。 

@ ”网 站 的 目标 用 户 : 一 个 企业 网 站 的 目标 用 户 一 般 可 包括 企业 的 经 销 商 、 终 端 消费 

者 、 企 业 的 一 般 员 工 及 销售 人 员 、 求 职 者 等 。 


4. 网 站 主题 


网 站 主题 也 就 是 网 站 的 题材 、 中 心思 想 。 网 站 主题 是 网 站 设计 之 初 会 首先 遇 到 的 问题 ， 
也 是 需要 在 网 站 设计 之 前 就 确定 的 内 容 。 例 如 提供 免费 在 线 观看 电影 为 主题 的 网 站 ， 如 图 1-14 
所 示 。 
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图 1-14 电影 网 


5. 网 站 功能 分 析 

网 站 需要 展现 什么 内 容 去 为 用 户 提供 服务 ， 什 么 样 的 功能 才 符 合用 户 的 需要 ， 网 站 内 容 
怎么 维护 ， 这 些 都 需要 仔细 分 析 。 例 如 “去 哪儿 ”网 站 提供 机 票 、 酒 店 、 度 假 、 旅 游 和 团购 
的 查询 与 订购 等 服务 ， 这 些 功 能 需要 网 站 管理 人 员 去 维护 和 优化 ， 如 图 1-15 所 示 。 
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1-15 ”去 哪儿 网 


1.3.2 ”选择 网 页 制作 软件 


经 过 规划 步 又， 我 们 对 网 站 需要 建设 什么 内 容 有 了 一 个 总 体 的 认识 ， 接 着 就 要 考虑 用 什 
么 工具 进行 网 站 建设 和 如 何 建设 的 问题 了 。 

在 网 站 建设 过 程 中 ， 通 常用 到 3 个 工具 ， 它 们 是 代码 集成 工作 环境 (Dreamweaver)， 如 
图 1-16 所 示 ; 图 片 处 理工 具 (Photoshop)， 如 图 1-17 所 示 ; 动画 特效 处 理工 具 (Adobe Flash)， 
如 图 1-18 所 示 。 当 然 还 有 其 他 可 用 的 工具 ， 而 这 3 个 工具 最 为 常用 。 
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1-17 Photoshop CS6 主 界面 
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1-18 ”Flash CS6 主 界面 


从 软件 界面 图 上 可 以 看 到 ， 这 3 个 软件 都 是 由 Adobe 公司 提供 的 。Adobe 是 世界 上 第 二 
大 桌面 软件 公司 ， 产 品 涉及 图 形 设 计 、 图 像 制 作 、 数 码 视 频 和 网 页 制作 等 领域 。 其 中 ， 以 
Photoshop 为 首 的 图 像 处 理 软件 更 是 饮 誉 平面 设计 领域 。 使 用 Adobe 产品 ， 人 们 的 创作 才华 可 
尽情 施展 ， 创 作 、 出 版 和 传播 各 种 具有 丰富 视觉 效果 的 作品 ， 其 无 与 伦比 的 图 形 图 像 功 能 ， 
备 受 网 页 和 图 形 设计 人 员 、 专 业 出 版 人 员 、 商 务 人 员 和 设计 爱好 者 的 喜爱 。 


1.3.3 制作 网 页 


制作 网 页 是 一 个 复杂 而 细致 的 过 程 ， 一 定 要 按照 先 大 后 小 、 先 简单 后 复杂 的 顺序 来 制 
作 。 所 谓 先 大 后 小 ， 就 是 在 制作 网 页 时 ， 先 把 大 的 结构 设计 好 ， 然 后 再 逐步 完善 小 的 结构 设 
计 。 所 谓 先 简单 后 复杂 ， 就 是 先 设计 出 简单 的 内 容 ， 然 后 再 设计 复杂 的 内 容 ， 以 便 出 现 问题 
能 及 时 修改 。 


在 网 页 排版 时 ， 要 尽量 保持 网 页 风格 的 一 致 性 ， 不 至 于 在 网 页 跳 转 时 产生 不 协调 的 感 
觉 。 在 制作 网 页 时 ， 灵 活 地 运用 模板 ， 可 以 大 大 地 提高 制作 的 效率 。 将 相同 版 面 的 网 页 做 成 
模板 ， 基 于 此 模板 创建 网 页 ， 以 后 想 改变 网 页 时 ， 只 需 修改 模板 就 可 以 了 。 如 图 1-19 所 示 就 
是 一 个 主题 鲜明 的 网 页 ， 全 网 页 围绕 着 旅游 这 个 主题 进行 。 
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1.3.4 开发 动态 网 站 功能 模块 


把 效果 图 都 处 理 好 之 后 ， 就 可 以 着 手 实现 动态 网 站 功能 了 ， 即 根据 需要 把 那些 经 常 更 新 
的 页 面 动态 化 ， 并 制作 相应 维护 管理 功能 ， 对 那些 基本 不 变 的 页 面 ， 可 以 保持 静态 化 。 


1.3.5 ”网 站 的 测试 与 发 布 


在 将 网 站 发 布 到 网 络 服务 器 之 前 ， 最 好 对 网 站 的 整体 进行 测试 ， 然 后 再 进行 网 站 上 传 。 
因为 上 传 之 后 ， 如 果 发 现 错误 ， 必 须 先 将 网 站 下 载 进行 修改 后 ， 再 进行 上 传 ， 这 样 会 很 
麻烦 。 

1. 平台 测试 


目前 市 场 上 存在 Windows、UNIX、Macintosh、Linux 等 很 多 不 同 的 操作 系统 类 型 ， 而 
Web 应 用 系统 的 最 终 用 户 究竟 使 用 哪 一 种 操作 系统 ， 取 决 于 用 户 系统 的 配置 ， 这 样 就 可 能 产 
生 兼 容 性 问题 ， 同 一 个 网 站 在 某 些 操作 系统 下 能 正常 打开 浏览 器 页 面 ， 但 在 另外 的 操作 系统 


下 就 可 能 无 法 打开 。 因 此 ， 在 Web 系统 发 布 之 前 ， 需 要 在 各 种 操作 系统 下 对 Web 系统 进行 
兼容 性 测试 。 
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2. 浏览 器 测试 

浏览 器 是 Web 客户 端的 核心 构件 之 一 ， 来 自 不 同 厂 商 的 浏览 器 对 Java、JavaScript、 
ActiveX、plug.ins 或 不 同 的 HTML 规格 有 不 同 的 支持 。 例 如 ，ActiveX 是 Microsoft 公司 的 产 
品 ， 是 为 Intemet Explorer 而 设计 的 ; JavaScript 是 Netscape 公司 的 产品 ，Java 是 Sun 公司 的 
产品 等 。 

另外 ， 框 架 和 层次 结构 风格 在 不 同 的 浏览 器 中 也 有 不 同 的 显示 ， 有 的 甚至 无 法 显示 。 同 
时 ， 不 同 的 浏览 器 对 安全 性 和 Java 的 设置 也 不 一 样 。 


因此 ， 测 试 浏览 器 兼容 性 的 方法 是 创建 一 个 兼容 性 矩阵 。 在 这 个 矩阵 中 ， 测 试 不 同 厂 
SS 商 、 不 同 版 本 的 浏览 器 对 某 些 构件 和 设置 的 适应 性 。 


3. 分 辩 率 测 试 

不 同 分 辩 率 的 测试 ， 就 是 测试 网 页 在 不 同 分 辨 率 下 的 显示 情况 。 在 设计 网 页 时 通常 使 用 
的 是 同一 种 分 辨 率 ， 可 能 显示 和 运行 都 很 正常 。 当 其 他 人 浏览 和 运行 网 页 时 ， 由 于 分 辩 率 的 
不 同 ， 会 出 现 这 样 或 那样 的 错误 。 

测试 方法 很 简单 ， 可 以 将 自己 的 显示 器 设置 为 不 同 的 分 辨 率 来 运行 网 页 ， 来 查看 是 否 存 
在 问题 。 也 可 以 在 他 人 的 计算 机 上 测试 。 


4. 网 站 超 链 接 测试 


测试 网 站 超 链 接 ， 也 是 上 传 网 站 之 前 必 不 可 少 的 工作 之 一 。 对 网 站 的 超 链接 逐一 进行 测 
试 ， 不 仅 能 够 确保 访问 者 能 够 打开 链接 目标 ， 并 且 还 可 以 使 超 链接 目标 与 超 链接 源 保持 高 度 
的 统一 。 

网 站 测试 好 以 后 ， 接 下 来 最 重要 的 就 是 上 传 网 站 。 只 有 将 网 站 上 传 到 远程 服务 器 上 ， 才 
能 让 浏览 者 浏览 。 设 计 者 可 以 利用 Dreamweaver 软件 自 带 的 上 传 功能 上 传 ， 也 可 以 利用 专门 
的 FTP 软件 上 传 。 


1.3.6 ”网 站 的 推广 


很 多 网 站 制作 者 花费 了 很 多 时 间 精 力 去 制作 网 站 ， 结 果 网 站 发 布 之 后 ， 每 天 的 访客 没有 
几 个 ， 根 本 带 不 来 商业 机 会 ， 究 其 原因 就 是 没有 做 好 宣传 推广 。 在 当今 互联 网 信息 爆炸 的 时 
代 ， 推 广 宣传 对 网 站 是 否 能 运作 下 去 是 至 关 重 要 的 。 

网 站 推广 即 是 网 络 推广 ， 就 是 在 网 上 把 自己 的 产品 利用 各 种 手段 、 各 种 媒介 推广 出 去 ， 
使 自己 的 企业 能 获得 更 多 、 更 大 的 利益 。 


1. 搜索 引擎 营销 


搜索 引擎 营销 包括 两 个 方面 ， 一 个 是 付费 搜索 引擎 广告 ， 另 一 个 是 免费 搜索 引擎 优化 。 

搜索 引擎 优化 是 近年 来 较为 流行 的 网 络 营销 方式 ， 主 要 目的 是 在 搜索 引擎 中 增加 特定 关 
键 字 的 曝光 率 以 增加 网 站 的 能 见 度 ， 进 而 增加 销售 的 机 会 。 

搜索 引擎 营销 (Search Engine Marketing，SEM) 是 一 种 网 络 营销 的 模式 ， 目 的 在 于 推广 网 
站 、 增 加 知名 度 ， 通 过 搜索 引擎 返回 的 排名 结果 来 获得 更 好 的 销售 或 者 推广 渠道 。 


2. 网 站 广告 


在 网 站 上 做 Banner、Flash 广告 推广 ， 是 一 种 传统 的 网 络 推广 方式 。 此 类 广告 的 宣传 目标 
人 和 群 面 比较 广 ， 不 像 搜索 竞价 那样 能 锁定 潜在 目标 客户 群 。 目 前 ， 网 站 广告 是 国内 新 浪 、 搜 
狐 、 网 易 等 门户 网 站 主要 赢利 的 网 络 营销 方式 之 一 。 


1.4 ”架设 IIS +ASP 动态 网 站 运行 环 





所 谓 动 态 网 站 ， 就 是 该 网 站 中 的 网 页 文件 不 但 含有 HTML 标记 ， 而 且 是 建立 在 B/S( 浏 览 
器 与 服务 器 ) 架 构 上 的 服务 器 端 脚本 程序 。 在 浏览 器 中 显示 的 网 页 ， 是 服务 器 端 程序 运行 的 结 
果 。 动 态 网 页 文件 的 后 级 根据 不 同 的 程序 语言 来 设 定 ， 如 ASP 文件 的 后 级 是 .asp。 


1.4.1 什么 是 ASP 


ASP(Active Server Pages) 提 供 了 服务 器 端 脚本 编写 环境 。 使 用 ASP， 用 户 可 以 创建 和 运行 
动态 、 交 互 的 Web 服务 器 应 用 程序 ， 可 以 组 合 HTML 页 、 脚 本 命令 和 ActiveX 组 件 ， 以 创建 
交互 的 Web 页 和 基于 Web 的 功能 强大 的 应 用 程序 。ASP 应 用 程序 很 容易 开发 和 修改 。 

ASP 页 是 包括 HTML 标记 、 文 本 和 ASP 脚本 命令 的 文件 。ASP 页 可 以 调用 ActiveX 组 件 
来 执行 任务 ， 例 如 链接 到 数据 库 或 进行 商务 计算 。 通 过 ASP， 可 为 Web 页 添加 交互 内 容 或 用 
HTML 页 构成 整个 Web 应 用 程序 ， 这 些 应 用 程序 使 用 HTML 页 作为 客户 端的 界面 。 

与 HIML 网 页 相 比 ，ASP 网 页 具有 以 下 几 个 特点 。 

(1) 利用 ASP， 可 以 突破 静态 网 页 的 一 些 功 能 限制 ， 实 现 动态 网 页 技术 。 

(2) ASP 文件 是 包含 在 HTML 代码 所 组 成 的 文件 中 的 ， 易 于 修改 和 测试 。 

(3) 服务 器 上 的 ASP 解释 程序 会 在 服务 器 端 制定 ASP 程序 ， 并 将 结果 以 HTML 格式 传 
送 到 客户 端 浏览 器 上 ， 因 此 使 用 各 种 浏览 器 都 可 以 正常 浏览 ASP 所 产生 的 网 页 。 

(4) ASP 提供 了 一 些 内 置 对 象 ， 使 用 这 些 对 象 ， 可 以 使 服务 器 端 脚 本 功能 更 强 。 例 如 可 
以 从 Web 浏览 器 中 获取 用 户 通过 HTML 表单 提交 的 信息 ， 并 在 脚本 中 对 这 些 信 息 进行 处 理 ， 
然后 向 Web 浏览 器 发 送信 息 。 

(5) ASP 可 以 使 用 服务 器 端 ActiveX 组 件 来 执行 各 种 各 样 的 任务 ， 例 如 存 取 数据 库 、 发 
送 E-mail 或 访问 文件 系统 等 。 

(6) 由 于 服务 器 是 将 ASP 程序 执行 的 结果 以 HTML 格式 传 回 客户 端 浏览 器 ， 因 此 使 用 者 
不 会 看 到 ASP 所 编写 的 原始 程序 代码 ， 因 此 可 以 防止 ASP 程序 代码 被 窃取 。 

创建 asp 格式 的 文件 非常 容易 。 如 果 要 在 HTML 文件 中 添加 脚本 ， 只 需 将 该 文件 的 扩展 
名 .htm 或 .html 更 换 为 .asp 就 可 以 了 。 要 使 .ASP 文件 能 被 Web 用 户 使 用 ， 应 将 这 个 新 文件 保 
存在 Web 站 点 上 的 目录 上 。 


1.4.2 ”如 何 执行 ASP 的 程序 
ASP 程序 的 执行 过 程 为 : 首先 浏览 器 从 Web 服务 器 上 请 求 .ASP 文件 ， 这 时 ASP 脚本 开 











主导 溃 中 号 马 南 寺 由 上游 国 





Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 一 


始 运行 ， 然 后 Web 服务 器 调用 ASP，ASP 全 面 读 取 请 求 的 文件 ， 执 行 所 有 脚本 命令 ， 最 后 将 
Web 页 传送 给 浏览 器 。 

由 于 脚本 在 服务 器 上 而 不 是 在 客户 端 运行 ， 传 送 到 浏览 器 上 的 Web 页 在 Web 服务 器 上 
生成 ， 所 以 不 必 担 心 浏览 器 能 否 处 理 脚本 ，Web 服务 器 已 经 完成 了 所 有 脚本 的 处 理 ， 并 将 标 
准 的 HTML 页 传送 到 浏览 器 。 由 于 只 有 脚本 的 结果 返回 到 浏览 器 ， 因 此 用 户 看 不 到 创建 网 页 
的 脚本 命令 。 


1.4.3 ”关于 建构 本 书 程序 环境 的 建议 


Dreamweaver 是 一 款 优秀 的 网 页 开发 工具 ， 但 无 法 独立 创建 动态 网 站 ， 所 以 必须 建立 相 
应 的 Web 服务 器 环境 和 数据 库 运 行 环境 ， 那 就 是 安装 IIS 网 站 服务 器 并 配置 Web 服务 器 属 
性 。Dreamweaver 支持 ASP、JSP、ColdFusion 和 PHP MySQL 共 4 种 服务 器 技术 ， 所 以 在 使 
用 Dreamweaver 之 前 必须 选 定 一 种 技术 ， 本 书 选用 ASP 服务 器 技术 。 

在 进行 ASP 网 页 开发 之 前 ， 首 先 必须 安装 编译 ASP 网 页 所 需要 的 软件 环境 ，IIS 是 由 微 
软 开 发 、 以 Windows 操作 系统 为 平台 、 运 行 ASP 网 页 的 网 站 服务 器 软件 。IIS 内 建 了 ASP 的 
编译 引擎 ， 在 设计 网 站 的 计算 机 上 必须 安装 IS 才能 测试 设计 好 的 ASP 网 页 ， 因 此 在 
Dreamweaver 中 创建 ASP 文件 前 ， 必 须 安装 IIS 并 创建 虚拟 网 站 。 


1. Windows 7 下 IIS 网 站 服务 器 的 安装 


对 于 操作 系统 Windows XP 和 Windows 7 而 言 ， 系 统 已 经 携带 有 IIS 程序 。 下 面 以 
Windows 7 为 例 ， 来 介绍 如 何 安装 IS 服务 器 。 
EEIDp 打开 【开始 】 菜单， 执行 【控制 面板 】 命 令 ， 打开 【 所 有 控制 面板 项 】 窗 口 ， 如 
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加 打开 或 关闭 Windows 功能 

ER ¥-@ 
2 愉 布 可 
三 360 安 全 训 污 器 7 360 安 全 中 心 
国 360s 人 ?十 360 安 全 中 心 
鳄 360 亚 动 而 360 安 全 中 心 
大 360FHU 手 360 
加 2007 offce system 莱 襄 包 Microsoft Corporation 
图 Adobe Creative cloud Adcbe Systems Incorporated 
国 Adobe Fesh Player 18 ActiveX Adcbe Systems Incorporated 


贺 sdobe Reader XI (11.0.12) - Chinese Simplifed 
风 Canon MP250 series MP Drivers 


Adcbe Systems Incorporated 


ODlBM Rational AppScan IBM Corporation, 

局 wicrosok .NET Framework 4 Cent Profle Microsof Corporation 

思 Microsoh .NET Framework 4 Cient Proffe 简体 中 广 滞 言 .。 Microsoft Corporation 

BMicrosof Office Professional pus 2010 Microsoft Corporation 

回 Microsok visual C+ + 2005 Redictributable Microsof Corporation 加 
当前 安装 的 程 字 总 大 小 1.59 GB 
49 安 半 的 程序 

图 1-21 【程序 和 功能 】 窗口 


莉 于 BY 从 左 侧 列表 中 单 击 【打开 或 关闭 Windows 功能 】 超 链接 ， 打 开 如 图 1-22 所 示 
的 对 话 框 。 在 其 中 色 选 【Intemet 信息 服务 】 复 选 框 。 
EEC 单 击 【确定 】 按 钮 ， 打 开 如 图 1-23 所 示 的 信息 提示 框 ， 提 示 用 户 Windows 正在 


更 改 功 能 。 





J internet Explorer 10 
加 局 Internet Information Services 可 承载 的 Web 核心 
田 国 县 
田 回 有 Microsof .NET Framework 3.5.1 
田 加 县 Microsof Message Queue (MSMQ) 服务 器 
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加 Rip 使 听 器 
及 Tablet PC 组 件 
回 甩 Telnet 服务 路 
加 县 Telnet 客户 潍 
TFTP 喜 户 壬 
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1-22 【Windows 功能 】 对 话 框 





1-23 ”信息 提示 框 


莉 于 BY 默认 状态 下 ，IIS 会 被 安装 到 C 驱动 器 下 的 inetpub 目录 中 。 其 中 有 一 个 名 为 
wwwroot 的 文件 夹 ， 它 是 访问 的 默认 目录 ， 访 问 的 默认 Web 站 点 也 放置 在 这 个 文件 


夹 中 ， 如 图 1-24 所 示 。 
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下 < iB (C) » inetpub » wwwroot | ee 
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图 1-24 ”安装 默认 文件 夹 
2. 配置 Web 服务 器 


完成 了 IIS 的 安装 之 后 ， 就 可 以 使 用 IS 在 本 地 计算 机 上 创建 Web 站 点 和 配置 Web 服务 
器 了 。 
(1) 启动 IS。 
在 不 同 的 操作 系统 中 ， 启 动 IIS 的 方法 也 不 同 ， 下 面 是 在 Windows 7 下 启动 IS 的 方法 。 
四 TP 打开 【开始 】 菜单， 然后 执行 【控制 面板 】 一 【管理 工具 】 命 令 ， 打开 【 管 理 
工具 】 窗 口 ， 如 图 1-25 所 示 。 
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图 1-25 【管理 工具 】 窗 口 


GET 在 【管理 工具 】 窗 口中 双击 【Intemet 信息 服务 (TS) 管 理 器 】 图 标 ， 启 动 IS， 如 
图 1-26 所 示 。 











图 1-26 【Internet 信息 服务 (IIS) 管 理 器 】 窗 口 


(2) 设置 默认 的 Web 站 点 。 

默认 Web 站 点 是 在 浏览 器 的 地 址 栏 中 输入 http://localhost 或 http://127.0.0.1 后 显示 的 站 
点 。 该 站 点 中 的 所 有 文件 实际 上 位 于 C:\Imetpubvwwwroot 文件 夹 中 ， 其 默认 主页 对 应 页 面 文 
件 的 名 称 是 Default.asp。 

在 【Intemet 信息 服务 (IIS) 管 理 器 】 窗 口 左 侧 选择 【本 地 计算 机 】 一 【网 站 】 一 Default 
Web Site 并 右 击 ， 打 开 如 图 1-27 所 示 的 快捷 菜单 ， 可 以 通过 菜单 对 默认 站 点 进行 设置 ， 这 里 
采用 默认 设置 。 





用 [@ » user-201505070A » Ra » Deflour Web She » 





@ Default Web Site 内 容 






































图 1-27 默认 网 站 的 快捷 菜单 


(3) 创建 新 Web 站 点 。 

用 Dreamweaver 进行 Web 应 用 程序 的 开发 ， 首 先 要 为 开发 的 Web 应 用 程序 建立 一 个 新 
的 Web 站 点 。 一 般 来 说 ， 可 以 采用 3 种 方法 建立 Web 站 点 : 真实 目录 、 虚 拟 目 录 和 真实 站 
点 。 最 常用 的 方法 就 是 采用 虚拟 目录 创建 Web 站 点 。 
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使 用 虚拟 目录 创建 Web 站 点 的 步骤 如 下 。 

启动 TS， 在 Default Web Site 上 单 击 鼠 标 右键 ， 打 开 快 捷 菜单 。 

EEJ29 从 快捷 菜单 中 选择 【添加 虚拟 目录 】 命 令 ， 打 开 如 图 1-28 所 示 的 【添加 虚拟 目 
录 】 对 话 框 。 

ES) 在 【别名 】 文 本 框 中 输入 website， 在 【物理 路 径 】 文 本 框 中 输入 D:vdesignem， 
表示 designem 文件 夹 里 放置 个 人 网 站 的 所 有 文件 ， 如 图 1-29 所 示 。 



























































图 1-28 【添加 虚拟 目录 】 对 话 框 图 1-29 输入 虚拟 目录 的 信息 


ED 单 击 【确定 】 按 钮 ， 返 回 到 【Intemet 信息 服务 (IS) 管 理 器 】 窗 口 ， 在 其 中 可 以 
看 到 添加 的 虚拟 目录 ， 如 图 1-30 所 示 。 

E> 单 击 【编辑 权限 】 选 项 ， 打 开 如 图 1-31 所 示 的 【designem 属性 】 对 话 框 ， 在 其 
中 可 以 设置 虚拟 目录 的 访问 权限 。 
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图 1-30 ”添加 的 虚拟 目录 图 1-31 设置 虚拟 目录 的 权限 


1.5 _ ASP 网 页 的 测试 


完成 上 面 的 安装 后 ， 电 脑 就 可 以 提供 WWW 服务 了 。 下 面 就 以 Windows 7 + IIS 7 为 例 对 
系统 的 配置 进行 测试 。 
先 在 默认 的 WWW 根 目录 (c:\Inetpub\wwwrooty 下 用 记事 本 创建 一 个 default.txt 文件 : 


<html> 

<head> 

<title>Hello World!</title> 

</head> 

<body bgcolor="#FFFFFF" text="#000000"> 
<%Response.Write("Hello World!")%> 
</body> 

</html> 


然后 把 扩展 名 改 为 .asp。 打 开 浏 览 器 ， 在 地 址 栏 中 输入 http://localhost/ 并 按 Enter 键 ， 运 
行 结果 如 图 1-32 所 示 。 


CN | ©- Bresocahor BD- aox rs 


[Bnew < 


Hello World! 





图 1-32 ”测试 网 页 效果 
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Dreamweaver CS6 支持 代码 、 折 分 、 设 
和 修改 网 页 ， 对 于 初级 人 员 ， 可 以 无 须 编写 任何 代码 就 能 快速 创建 网 站 页 面 。 而 其 
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成 熟 的 代码 编辑 工具 ， 更 适用 于 Web 开发 高 级 人 员 的 创作 。 
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2.1 安装 与 启动 Dreamweaver CS6 


Dreamweaver 是 一 款 专业 的 网 页 编辑 软件 ，Dreamweaver CS6 在 软件 的 界面 和 性 能 上 都 有 
了 很 大 的 改进 。 本 节 介 绍 Dreamweaver CS6 的 安装 、 启 动 方法 。 


2.1.1 安装 Dreamweaver CS6 





Dreamweaver CS6 的 安装 界面 非常 人 性 化 ，Splash 的 线条 更 使 其 具有 了 强烈 的 时 尚 元 素 。 
与 其 他 软件 一 样 ， 安 装 Dreamweaver CS6 的 程序 很 简单 ， 具 体 的 操作 步骤 如 下 。 
ED 将 Dreamweaver CS6 的 安装 光盘 放 入 计算 机 的 CD-ROM 驱动 器 ， 这 时 系统 会 自 
动 运行 Dreamweaver CS6 的 安装 程序 。 稍 等 片刻 ，Dreamweaver CS6 的 安装 程序 会 
自动 弹出 【欢迎 】 窗 口 ， 单 击 【安装 】 按 钮 ， 如 图 2-1 所 示 。 
EEJD2p 打开 【Adobe 软件 许可 协议 】 窗 口 ， 设 置 显示 语言 为 【简体 中 文 】， 单 击 【 接 
受 】 按 钮 ， 如 图 2-2 所 示 。 




















NE， 并) Doing， 本 
全 试用 a em 并 和 则 本 st 所 多 的 本 朋 林 下 次 人 访问 站 芝 低 Adobci 
RN A ony 
我 好 在 有 限时 间 内 试用 Adobe Dreamweav 
en EE. .EA 
5 
到 > 
图 2-1 【欢迎 】 窗口 图 2-2 【Adobe 软件 许可 协议 】 窗 口 


EEJB 进入 【需要 登录 】 窗 口 ， 单 击 【登录 】 按 钮 ， 根 据 提示 中 输入 Adobe ID 号 和 密 
码 ， 如 图 2-3 所 示 。 

EEJz 进入 【选项 】 窗 口 ， 用 户 可 根据 需要 选择 安装 组 件 和 安装 路 径 ， 这 里 采用 默认 
的 设置 ， 单 击 【安装 】 按 钮 ， 如 图 2-4 所 示 。 

葬 于 BY 软件 开始 自动 安装 ， 并 显示 安装 的 进度 ， 如 图 2-5 所 示 。 

EGR 安装 完成 后 ， 单 击 【关闭 】 按 钮 ， 即 可 完成 Adobe Dreamweaver CS6 的 安装 。 
如 果 单 击 【 立 即 启 动 】 按 钮 ， 即 可 启动 Dreamweaver CS6， 如 图 2-6 所 示 。 
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图 2-3 【需要 登录 ] 窗口 图 2-4 【选项 】 窗口 NN 
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NN 
正在 准 各 安 条 
I = a adobemombersht 
取 内 关 间 即 启 动 
图 2-5 显示 安装 的 进度 图 2-6 【安装 完成 】 窗口 


2.1.2 ”启动 Dreamweaver CS6 


完成 Dreamweaver CS6 的 安装 后 ， 下 面 就 可 以 启动 Dreamweaver CS6 了 ， 具 体 的 操作 步 
又 如 下 。 

ED 选择 【开始 】 一 【所 有 程序 】 一 Adobe Dreamweaver CS6 命令 ， 或 双击 桌面 上 的 
Dreamweaver CS6 快捷 图 标 ， 即 可 启动 Dreamweaver CS6， 并 弹出 【默认 编辑 器 】 对 话 
框 ， 在 其 中 勾 选 需要 Dreamweaver 设置 为 默认 编辑 器 的 文件 类 型 ， 如 图 2-7 所 示 。 

EZ 单 击 【 确 定 】 按 钮 ， 进 入 Dreamweaver CS6 的 初始 化 界面 。Dreamweaver CS6 
的 初始 化 界面 时 尚 、 大 方 ， 给 人 以 焕然 一 新 的 感觉 ， 如 图 2-8 所 示 。 

Se 显示 完 初 始 化 界面 ， 便 可 打开 Dreamweaver CS6 工作 区 的 开始 界面 。 默 认 情况 
下 ，Dreamweaver CS6 的 工作 区 布局 是 以 设计 视图 布局 的 ， 如 图 2-9 所 示 。 

EC 在 开始 界面 中 ， 单 击 【 新 建 】 栏 下 边 的 HIML 选项 ， 即 可 打开 Dreamweaver 
CS6 的 工作 界面 ， 如 图 2-10 所 示 。 
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束 认 壤 沁 器 
Adobe Dreanweaver 将 其 自身 设置 为 以 下 文件 类 型 的 叶 认 编辑 器 
国 Jarsscript Gs) 
辐 层 亚 样式 表 Css) 
辐 可 扩展 标记 语言 Geml) 
回 XSL 样式 表 Gal，xslD 


























有 
2-7 【上 默认 编辑 器 】 对 话 框 2-8 Dreamweaver CS6 的 初始 化 界面 
i > Ww a 
ID 
| 
图 2-9 Dreamweaver CS6 的 开始 界面 图 2-10 Dreamweaver CS6 的 工作 界面 


2.2 ”Dreamweaver CS6 的 工作 界面 


Dreamweaver CS6 的 工作 界面 主要 由 应 用 菜单 栏 、 文 档 工具 栏 、 文 档 窗口 、【 属 性 】 面 
板 、 状 态 栏 、 设 计 器 、【 插 入 】 面 板 和 【文件 】 面 板 等 组 成 。 


2.2.1 菜单 栏 


Dreamweaver CS6 的 菜单 栏 包括 文件 、 编 辑 、 查 看 、 插 入 、 修 改 等 10 个 菜单 。 单 击 每 个 
菜单 ， 会 弹出 下 拉 菜 单 ， 利 用 这 些 菜单 基本 上 能 够 完成 Dreamweaver CS6 的 所 有 功能 ， 如 
图 2-11 所 示 。 


文件 (日 ”编辑 (E) 坦 看 (V) 搬入。 修改 (M) 格式 (0) 命令 (Q 站 点 (9 ”窗口 (W) ”帮助 (H) 














图 2-11 菜单 栏 
2.2.2 文档 工具 栏 
文档 工具 栏 包含 3 种 文档 窗口 视图 (代码 、 拆 分 和 设计 ) 按 钮 、 各 种 查看 选项 和 一 些 常用 的 





操作 按钮 。 如 图 2-12 所 示 。 


| 代码 | 拆 分 | 设计 | 实时 视图 哆 . 区 . 叭 要 所 4 标题 : 无 本题 文档 


2-12 文档 工具 栏 


文档 工具 栏 中 常用 按钮 的 功能 如 下 。 

(CD 【显示 代码 视图 】 按 钮 国 醒 ， 单 击 该 按钮 ， 仅 在 文档 窗口 中 显示 和 修改 HTML 源 代 
码 。 

(2) 【显示 代码 视图 和 设计 视图 】 按 钮 韦 守 : 单 击 该 按钮 ， 在 文档 窗口 中 同时 显示 
HTML 源 代码 和 页 面 的 设计 效果 。 

(3) 【显示 设计 视图 】 按 钮 [要 +]， 单 击 该 按钮 ， 仅 在 文档 窗口 中 显示 网 页 的 设计 效果 。 

(4) 【实时 视图 】 按 钮 mj: 显示 不 可 编辑 的 、 交 互 式 的 、 基 于 浏览 器 的 文档 视图 。 

(5) 【多 屏幕 】 按 钮 出， 可 以 多 屏幕 浏览 网 页 。 

(6) 【文档 标题 】 文 本 框 5e 2 “用 于 设置 或 修改 文档 的 标题 。 

(07) 【文件 管理 】 按 钮 榴 ， 单 击 该 按钮 ， 通 过 下 拉 菜 单 可 以 进行 消除 只 读 属性 、 获 取 、 
取出 、 上 传 、 存 回 、 撤 销 取出 、 设 计 备注 以 及 在 站 点 定位 等 操作 。 

(8) 【在 浏览 器 中 预览 /调试 】 按 钮 恩 j: 单 击 该 按钮 ， 可 在 定义 好 的 浏览 器 中 预览 或 调试 
网 页 。 

(9) 【刷新 】 按 钮 区 :刷新 文档 窗口 的 内 容 。 

(10) 【可 视 化 助理 】 按 钮 他， 可 以 使 用 各 种 可 视 化 助理 来 设计 页 面 。 

(11) 【检查 浏览 器 兼容 】 按 钮 国 ， 可 以 检查 CSS 是 否 对 各 种 浏览 器 兼容 。 

(12) 【W3C 验证 】 按 钮 E: 可 以 检测 网 页 是 否 符合 W3C 标准 。 


2.2.3 文档 窗口 


文档 窗口 显示 当前 创建 和 编辑 的 文档 。 在 该 窗口 中 ， 可 以 输入 文字 、 插 入 图 片 、 绘 制 表 
格 等 ， 也 可 以 对 整个 页 面 进行 处 理 ， 如 图 2-13 所 示 。 
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2-13 文档 窗口 
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2.2.4 【属性 】 面 板 


【属性 】 面 板 是 网 页 中 非常 重要 的 面板 ， 用 于 显示 在 文档 窗口 中 所 选 元 素 的 属性 ， 并 且 
可 以 对 被 选中 元 素 的 属性 进行 修改 。 该 面板 随 着 选择 元 素 的 不 同 而 显示 不 同 的 属性 ， 如 图 2-14 
所 示 。 

















属性 
<》 mm 格式) [无 
始 css mm) 无 ~ 好 扩 由 











图 2-14 【属性 】 面板 
2.2.5 ”状态 栏 


状态 栏 位 于 文档 窗口 的 底部 ， 包 括 3 个 功能 区 : 标签 选择 器 (显示 和 控制 文档 当前 插入 点 
位 置 的 HIML 源 代码 标记 )、 窗 口 大 小 设置 菜单 (显示 页 面 大 小 ， 允 许 将 文档 窗口 的 大 小 调整 
到 预定 义 或 自 定义 的 尺寸 ) 和 下 载 指示 器 (估计 下 载 时 间 ， 查 看 传输 时 间 )， 如 图 2-15 所 示 。 





(ody RSQ lo vg 549 x 325v 1 /1 秒 Unicode (TF-8) 
图 2-15 状态 栏 


2.2.6 设计 器 


单 击 【设计 器 】 下 拉 按 钮 ， 可 以 打开 一 些 常用 的 面板 。 在 下 拉 菜 
单 中 选择 命令 即 可 更 改 页 面 的 布局 ， 如 图 2-16 所 示 。 


2.2.7 【插入 】 面 板 


【插入 】 面 板 中 包含 将 各 种 网 页 元 素 (如 图 像 、 表 格 和 AP 元 素 等 ) 
插入 到 文档 时 的 快捷 按钮 ， 每 个 对 象 都 是 一 段 HTML 代码 。 插 入 不 同 
的 对 象 时 ， 可 以 设置 不 同 的 属性 ， 单 击 相应 的 按钮 ， 可 插入 相应 的 元 ”图 2-16 工作 区 切换 器 
素 。 要 显示 【插入 】 面 板 ， 选 择 【窗口 【插入 】 菜 单 命令 即 可 ， 如 图 2-17 所 示 。 
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图 2-17 【插入 】 面 板 


2.2.8 【文件 】 面 板 


【文件 】 面 板 用 于 管理 文件 和 文件 夹 ， 无 论 它们 是 Dreamweaver 站 点 的 一 部 分 ， 还 是 位 
于 远程 服务 器 上 。 在 【文件 】 面 板 上 还 可 以 访问 本 地 磁盘 上 的 全 部 文件 ， 如 图 2-18 所 示 。 
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图 2-18 【文件 】 面板 
2.3 ”Dreamweaver CS6 的 新 增 功能 


Dreamweaver CS6 版 本 使 用 了 自 适 应 网 格 版 面 创建 页 面 ， 在 发 布 前 使 用 多 屏幕 预览 审阅 
设计 ， 可 大 大 提高 工作 效率 。 改 善 的 FTP 性 能 ， 更 高 效 地 传输 大 型 文件 。 实 时 视图 和 多 屏幕 
预览 面板 可 呈现 HTML 5 代码 ， 更 能 够 检查 自己 的 工作 。 


2.3.1 可 响应 的 自 适应 网 格 版 面 


使 用 流体 网 格 布局 ， 实 现 响应 迅速 的 CSS3 自 适 应 网 格 版 面 ， 可 创建 跨 平 台 和 跨 浏览 器 
的 兼容 网 页 设计 。 利 用 简洁 、 业 界 标准 的 代码 ， 可 为 各 种 不 同 设备 和 计算 机 开发 项 目 ， 提 高 
工作 效率 。 直 观 地 创建 复杂 网 页 设计 和 页 面 版 面 ， 无 须 忙 于 编写 代码 ， 如 图 2-19 所 示 。 
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图 2-19 【流体 网 格 布局 】 版 面 
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2.3.2 改善 的 FTP 性 能 


利用 重新 改良 的 多 线程 FTP 传输 工具 ， 可 以 节省 上 传 文件 的 时 间 ， 从 而 更 快速 、 高 效 地 
上 传 网 站 文件 ， 缩 短 制作 时 间 ， 如 图 2-20 所 示 。 
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图 2-20 ”服务 器 选项 
2.3.3 ”增强 型 jQuery 移动 支持 [一 = 
更 新 的 jQuery 移动 框架 ， 支 持 为 iOS 和 Android 平 ee 
台 建立 本 地 应 用 程序 ， 建 立 移动 应 用 程序 ， 同 时 简化 用 amen 
户 的 移动 开发 工作 流程 ， 如 图 2-21 所 示 。 二 
2.3.4 CSS 3 转换 本 
本 本 位 置 ; 时 从 
将 CSS 属性 变化 制 成 动画 转换 效果 ， 使 网 页 设计 棚 
棚 如 生 ， 在 用 户 处 理 网 页 元 素 和 创建 优美 效果 时 保持 对 











网 页 设计 的 精准 控制 。 通 过 【CSS 过 渡 效 果 】 面 板 ， 可 图 2-21 【jQuery Mobile 色 板 】 面 板 
以 添加 动画 转换 效果 ， 如 图 2-22 所 示 。 














图 2-22 【CSS 过 渡 效 果 】 面 板 


2.3.5 更 新 的 实时 视图 


使 用 更 新 的 实时 视图 功能 在 发 布 前 测试 页 面 。 实 时 视图 现 已 使 用 最 新 版 的 Web Kit 转换 
引擎 ， 能 够 提供 绝 佳 的 HTML 5 支持 ， 如 图 2-23 所 示 。 


型 
2 


| 














9SO JeAeeNueeJq 














IGG 





wo al 
nm 习 娘 | I mm 本 


























图 2-23 实时 视图 


2.3.6 更 新 的 多 屏幕 预览 面板 


利用 更 新 的 多 屏幕 预览 面板 ， 可 以 检查 智能 手机 、 平 板 电脑 和 台式 机 所 建立 项 目的 显示 
画面 。 该 增强 型 面板 能 够 让 用 户 检查 HTML 5 的 内 容 呈 现 ， 如 图 2-24 所 示 。 
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2-24 ”多 屏幕 预览 效果 
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2.4 使 用 Dreamweaver CS6 创建 基本 网 页 


Dreamweaver CS6 可 以 编辑 网 站 的 网 页 ， 为 创建 Web 文档 提供 了 灵活 的 环境 。 
2.4.1 定义 Dreamweaver 站 点 


Dreamweaver 站 点 是 一 种 管理 网 站 中 所 有 相关 联 文 档 的 工具 ， 通 过 站 点 可 以 实现 将 文件 
上 传 到 网 络 服务 器 、 自 动 跟踪 和 维护 、 管 理 文件 以 及 共享 文件 等 功能 。Dreamweaver 中 的 站 
点 包括 本 地 站 点 、 远 程 站 点 和 测试 站 点 等 3 类 。 
@ ”本 地 站 点 : 用 来 存放 整个 网 站 框架 的 本 地 文件 夹 ， 是 用 户 的 工作 目录 ， 一 般 制作 网 
页 时 只 需 建 立 本 地 站 点 即 可 。 
e@ ”远程 站 点 : 存储 于 Internet 服务 器 上 的 站 点 和 相关 文档 。 通 常情 况 下 ， 为 了 不 连接 
Internet 而 对 所 建 的 站 点 进行 测试 ， 可 以 在 本 地 计算 机 上 创建 远程 站 点 ， 来 模拟 真实 
的 Web 服务 器 进行 测试 。 
e@ 测试 站 点 : Dreamweaver 处 理 动态 页 面 的 文件 夹 ， 使 用 此 文件 夹 生成 动态 内 容 并 在 
工作 时 连接 到 数据 库 ， 用 于 对 动态 页 面 进行 测试 。 


1. 使 用 向 导 创建 本 地 站 点 


在 Dreamweaver CS6 中 使 用 向 导 创 建 本 地 站 点 的 具体 步 又 如 下 。 

EECJDp 打开 Dreamweaver CS6， 选 择 【 站 点 】 一 【新 建站 点 】 菜 单 命令 ， 弹 出 【站 点 设 
置 对 象 】 对 话 框 。 输 入 站 点 的 名 称 ， 并 设置 本 地 站 点 文件 夹 的 路 径 和 名 称 ， 然 后 单 

击 【 保 存 】 按 钮 ， 如 图 2-25 所 示 。 

ES 本 地 站 点 创建 完成 ， 在 【文件 】 面 板 的 【本 地 文件 】 窗 格 中 会 显示 该 站 点 的 根 
目录 ， 如 图 2-26 所 示 。 
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图 2-25 【站 点 设置 对 象 】 对 话 框 2-26 【本 地 文件 】 窗 格 


2. 使 用 【管理 站 点 】 功 能 创建 站 点 
在 【文件 】 面 板 中 提供 了 【管理 站 点 】 功 能 ， 利 用 该 功能 可 以 创建 站 点 ， 有 具体 的 操作 步 
又 如 下 。 
ECEDp 单 击 【文件 】 面 板 右 侧 的 下 拉 按 钮 ， 在 弹出 的 下 拉 列 表 中 选择 【管理 站 点 】 选 
项 ， 如 图 2-27 所 示 。 
ED 弹出 【管理 站 点 】 对 话 框 ， 在 对 话 框 中 单 击 【 新 建站 点 】 按 钮 ， 如 图 2-28 所 示 。 
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图 2-27 【文件 】 面板 图 2-28 【管理 站 点 】 对 话 框 


本 于 BY 弹出 【站 点 设置 对 象 】 对 话 框 ， 在 对 话 框 中 即 可 根据 前 面 介绍 的 方法 创建 本 地 
站 点 ， 如 图 2-29 所 示 。 

















2-29 【站 点 设置 对 象 】 对 话 框 


2.4.2 ”使 用 欢迎 页 


打开 软件 之 后 ， 出 现 的 是 一 个 欢迎 页 面 。 在 欢迎 页 面 中 ， 可 以 快捷 地 选择 所 要 操作 的 对 


象 ， 如 图 2-30 所 示 。 
在 欢迎 页 面 中 ， 可 以 方便 地 打开 最 近 的 项 目 和 新 建 各 种 页 面 文件 、 打 开 站 点 。 
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流体 网 格 布局 
Business Catalyst 创作 
CSS 过 渡 效 果 面板 
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图 2-30 ”欢迎 页 面 
2.4.3 ”新建 页 面 


制作 网 页 应 该 从 创建 空白 文档 开始 。 创 建 空白 文档 的 具体 步骤 如 下 。 
EC 夺 择 【文件 】 一 【新 建 】 菜 单 命令 ， 如 图 2-31 所 示 。 
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图 2-31 选择 【新 建 】 菜 单 命令 
ECGDUDy 打开 【新 建文 档 】 对 话 框 ， 在 左 侧 选择 【空白 页 】 选 项 ， 在 【页 面 类 型 】 列 表 
框 中 选择 HTML 选项 ， 在 【布局 】 列 表 框 中 选择 “无 ”选项 ， 如 图 2-32 所 示 。 
EDUB) 单 击 【创建 】 按 钮 ， 即 可 创建 一 个 空白 文档 ， 如 图 2-33 所 示 。 
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图 2-32 【新 建文 档 】 对 话 框 
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图 2-33 创建 一 个 空白 文档 


2.4.4 设置 页 面 标题 


新 建 一 个 空白 页 面 后 ， 就 可 以 进行 网 页 的 编辑 操作 了 。 首 先 为 网 站 设置 页 面 标题 ， 其 步 
又 如 下 。 

ED 选择 新 建 的 网 站 页 面 ， 单 击 【 代 码 】 标 签 ， 进 入 代码 视图 ， 如 图 2-34 所 示 。 

EEDp 在 代码 视图 中 ， 选 择 <title> 标 签 ， 在 <title> 与 </title> 标 签 之 间 ， 输 入 “ 鸿 铝 电 子 
商务 网 站 ”， 如 图 2-35 所 示 。 

EEep 按 Cults 组 合 键 ， 弹 出 【另存 为 】 对 话 框 ， 选 择 网 站 保存 的 路 径 ， 命 名 文件 名 
为 index.html， 如 图 2-36 所 示 。 

EC 按 Fl12 键 预览 效果 ， 如 图 2-37 所 示 。 
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图 2-36 【另存 为 】 对 话 框 图 2-37 预览 最 终 效 果 


2.4.5 ”设置 页 面 属性 


创建 空白 文档 并 设置 标题 后 ， 接 下 来 需要 对 文件 进行 页 面 属性 的 设置 ， 即 设置 整个 网 站 


页 面 的 外 观 效果 。 
选择 【修改 】 一 【页 面 属性 】 菜 单 命令 或 者 按 CtrltJ 组 合 键 ， 打 开 【 页 面 属性 】 对 话 
框 ， 在 该 对 话 框 中 可 以 设置 外 观 、 链 接 、 标 题 和 编码 、 跟 踪 图 像 等 属性 。 


1. 设置 外 观 


在 【页 面 属性 】 对 话 框 的 【分 类 】 列 表 框 中 选择 【外 观 】 选 项 ， 设 置 【页 面 字体 】 为 
“默认 字体 ”， 设 置 字体 【大 小 】 为 12px， 并 设置 【背景 颜色 】 为 二 FFBF2， 如 图 2-38 
所 示 。 
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图 2-38 【页 面 属性 】 对 话 框 


FE 图 像 和 背景 颜色 不 能 同时 显示 ， 如 果 在 网 页 中 同时 设置 这 两 个 选项 ， 在 浏览 网 
衣 往 。 责 时 只 显示 网 页 背景 图 像 。 


2. 设置 链接 

在 【页 面 属性 】 对 话 框 的 【分 类 】 列 表 框 中 选择 【链接 】 选 项 ， 设 置 【链接 颜色 】 为 
#000000， 设 置 【 已 访问 链接 】 为 #000000， 设 置 【变换 图 像 链接 】 为 #000000， 设 置 【 活 动 链 
接 】 为 #990000， 并 设置 【下 划 线 样式 】 为 “始终 有 下 划 线 ”， 如 图 2-39 所 示 。 




















分 类 树 接 Css) 
) 树 接 字体 CD) : 《 同 页 面 字 体 ) ”7B7 
大 小 G5): vl 7 
衬 接 颜色 0 : 加 | #000000 。 交换 图 像 树 接 8): 鹏 | No00000 | 
已 访问 嵌 接 ;加 | #000000 ”活动 树 接 0): 本 | #930000 
下 划 结 样式 WD): [项 络 有 下 击 绕 了 
Lo | 蕊 本 [二 参 一] [内 


























图 2-39 【链接 】 选 项 设置 界面 
3. 设置 标题 和 编码 


除了 在 代码 视图 中 设置 页 面 标题 外 ， 还 可 以 在 【页 面 属 性 】 对 话 框 的 【分 类 】 列 表 框 中 
选择 【标题 】 选 项 ， 设 置 标题 及 其 相关 属性 。 在 【标题 】 区 域 中 可 以 设置 各 种 标题 的 字体 样 
式 、 大 小 、 颜 色 等 ， 如 图 2-40 所 示 。 在 【分 类 】 列 表 框 中 选择 【标题 编码】 选项， 可 以 设置 
标题 、 文 档 类 型 、 编 码 和 站 点 文件 夹 等 ， 如 图 2-41 所 示 。 
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图 2-40 【标题 】 选 项 设置 界面 图 2-41 【标题 /编码 】 选 项 设置 界面 


4. 设置 跟踪 图 像 


在 【页 面 属性 】 对 话 框 的 【分 类 】 列 表 框 中 选择 【跟踪 图 像 】 选 项 ， 可 以 设置 跟踪 图 像 
的 属性 ， 如 图 2-42 所 示 。 












































图 2-42 【跟踪 图 像 】 选 项 设置 界面 


对 于 在 Dreamweaver 中 创建 的 每 一 个 页 面 ， 都 可 以 使 用 【页 面 属性 〗 对 话 框 
放生 指定 布局 和 格式 设置 属性 。 在 不 同 的 页 面 中 ， 可 以 为 创建 的 每 个 新 页 面 指定 新 的 页 
面 属性 ， 也 可 以 使 用 【页 面 属性 】 对 话 框 修改 现 有 的 页 面 属性 。 


2.4.6 添加 文本 


文本 是 基本 的 信息 载体 ， 是 网 页 中 最 基本 的 元 素 之 一 。 在 文件 中 运用 丰富 的 字体 、 多 样 
的 格式 以 及 赏心悦目 的 文本 效果 ， 对 于 网 站 设计 师 来 说 是 必 不 可 少 的 技能 。 
在 网 页 中 插入 文本 和 设置 文本 属性 的 具体 步骤 如 下 。 
欧洲 DY 首先 新 建 一 个 文档 或 打开 一 个 文档 。 
EDUP9 将 指针 放置 在 文档 的 编辑 区 ， 输 入 文字 ， 如 图 2-43 所 示 。 
ECEJRe) 在 文档 窗口 中 ， 选 定 要 设置 字体 的 文本 ， 在 【属性 】 面 板 中 单 击 CSS 按钮 ， 在 
【大 小 】 文 本 框 中 ， 将 文字 大 小 设置 为 30px， 单 击 【字体 】 下 拉 按 钮 ， 在 弹出 的 列 





表 中 选择 “楷体 ”， 然 后 在 Color 中 设置 颜色 为 红色 ， 如 图 2-44 所 示 。 
肌理 水 和 关中 ， 宰 认 花 明 又 村。 
让 
man, 提 村 无 时 0p]。 
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图 2-43 输入 文字 图 2-44 【属性 】 面板 


9SD JeAeewueeJd 薄 尖 


丰年 留 客 足 鸡 豚 。 
中 重水 和 经 无 路 ， 柳暗花明 又 一 村 。 
菇 喜 追 随 春 社 近 ， 衣 冠 简 村 古风 存 。 


反 今 六 许 闲 科 月 ， 柱 村 无 时 夜中 门 。 
图 2-45 文字 设置 后 的 效果 、 





Se 在 输入 文本 的 过 程 中 ， 换 行 时 如 果 直 接 按 Enter 键 ， 行 间距 会 比较 大 。 一 般 
”情况 下 ， 在 网 页 中 换行 时 按 Shift + Enter 组 合 键 ， 这 样 才 是 正常 的 行 间距 。 


2.4.7 ”插入 图 像 


在 文件 中 插入 漂亮 的 图 像 会 使 网 页 更 加 美观 ， 使 页 面 更 具 吸 引力 。 在 网 页 中 插入 和 编辑 
图 像 的 具体 步骤 如 下 。 
首先 新 建 一 个 文档 或 打开 一 个 文档 。 
EEC 在 文档 编辑 区 中 将 指针 放置 在 需要 插入 图 像 的 位 置 ， 选 择 【 揪 入】 一 【图 
像 】 一 【图 像 】 菜 单 命令 ， 打 开 【 选 择 图 像 源 文件 】 对 话 框 ， 从 中 选择 要 插入 的 图 
像 文件 ， 然 后 单 击 【 确 定 】 按 钮 ， 如 图 2-46 所 示 。 























2-46 【选择 图 像 源 文件 】 对 话 框 
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完成 向 文档 中 插入 图 像 的 操作 ， 最 终 效果 如 图 2-47 所 示 。 


游 本 西 科 | 
英 医 农家 脐 酒 浑 ， 丰 年 留 容 让 鸡 肥 ， 
ji 山 重水 复 疑 无 四， 柳暗花明 又 一 相 
菇 豆 追 随 春 社 近 ， 衣 冠 简 村 古风 存 。 从 
浴 仿 车 许 采 于 月 ， 拦 杖 无 时 夜中 门 恒生 






2-47 最终 效果 


ES 在 【属性 】 面 板 的 【 蔡 换 】 文 本 框 中 输入 文字 “山西 村 ”， 设 置 图 像 的 替换 文 
SS 本 ， 如 图 2-48 所 示 。 
、 NS 
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图 2-48 【属性 】 面 板 


EECRD 如 果 需 要 剪裁 图 像 ， 首 先 选 择 图 像 ， 然 后 在 【 属性】 面板 中 单 击 【裁剪 】 按 钮 
珊 ， 图 像 周围 出 现 8 个 控制 点 ， 通 过 拖 动 这 些 控制 点 可 修剪 图 像 的 大 小 ， 如 图 2-49 
所 示 。 选 择 好 剪裁 的 位 置 后 按 Enter 键 ， 完 成 图 像 的 裁剪 工作 。 

EDUD 如 果 需 要 优化 图 像 ， 在 【属性 】 面 板 中 单 击 【 编 辑 图 像 设 置 】 按 钮 圈 ， 打 开 
【图 像 优化 】 对 话 框 ， 如 图 2-50 所 示 。 在 该 对 话 框 中 进行 相应 的 设置 后 ， 单 击 【 确 
定 】 按 钮 ， 即 可 对 图 像 进行 优化 。 





























游 山西 村 | 
莱 奖 农家 民 酒 深 ， 让 年 留 敬 电 到 逐 虽 
| 重水 复 颖 无 路 ， 和 元 瞳 花 明 又 一 和 
| 尘 效 追随 春 社 近 ， 衣 冠 贡 村 古风 存 
以 今 车 许 采 磁 月 ， 挂 村 无 时 夜 邑 门 虽 




























图 2-49 ”剪裁 图 像 图 2-50 【图 像 优化 】 对 话 框 


2.4.8 插入 多 媒体 


多 媒体 对 象 和 图 像 一 样 ， 在 网 页 中 起 到 的 作用 主要 是 美化 网 页 ， 在 Dreamweaver CS6 中 
可 以 插入 多 媒体 对 象 ， 如 Flash。 插 入 多 媒体 的 具体 操作 步骤 如 下 。 

区 TD 首先 新 建 一 个 文档 或 打开 一 个 文档 。 

EEJPy 在 文档 编辑 区 中 将 指针 放置 在 需要 插入 多 媒体 的 位 置 ， 选 择 【 插 入 】 一 【 媒 
体 】 一 Flash SWF 菜单 命令 ,打开 【选择 SWF】 对 话 框 ， 从 中 选择 要 插入 的 多 媒体 
文件 ， 然 后 单 击 【 确 定 】 按 钮 ， 如 图 2-51 所 示 。 

完成 向 文档 中 插入 多 媒体 的 操作 ， 最 终 效果 如 图 2-52 所 示 。 
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图 2-52 插入 多 媒体 后 效果 


2.4.9 设置 网 页 链接 


链接 是 网 页 中 极为 重要 的 部 分 ， 是 各 个 网 页 相互 跳 转 的 依据 ， 单 击 文 档 中 的 链接 ， 即 可 
跳 转 至 相应 位 置 。 浏 览 网 页 就 是 从 一 个 文档 跳 转 到 另 一 个 文档 ， 从 一 个 位 置 跳 转 到 另 一 个 位 
置 ， 从 一 个 网 站 跳 转 到 另 一 个 网 站 的 过 程 ， 而 这 些 过 程 都 是 通过 链接 来 实现 的 。 

通过 Dreamweaver 可 以 使 用 多 种 方法 来 创建 内 部 文本 链接 。 可 以 在 文档 窗口 中 选择 【 修 
改 】 一 【创建 链接 】 菜 单 命令 选择 指向 的 文件 ， 可 以 使 用 【属性 】 面 板 来 链接 文件 ， 即 单 击 
【浏览 文件 】 按 钮 图 来 选择 文件 ， 也 可 以 使 用 【指向 文件 】 图 标 留 来 选择 文件 或 直接 输入 文 
件 路 径 。 

使 用 【属性 】 面 板 创建 链接 的 具体 步骤 如 下 。 

ET 首先 新 建 一 个 文档 或 打开 一 个 文档 。 

EDUD) 选择 需要 添加 链接 的 文字 ， 单 击 【 属 性 】 面 板 中 的 【浏览 文件 】 按 钮 国 ， 打 开 

【选择 文件 】 对 话 框 ， 然 后 选择 需要 转向 的 网 页 ， 如 图 2-53 所 示 。 






































2-53 【选择 文件 】 对 话 框 


EECDe 在 【属性 】 面 板 的 【目标 】 下 拉 列 表 中 ， 可 以 选择 链接 文档 打开 的 框架 ， 如 
图 2-54 所 示 。 
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图 2-54 【属性 】 面 板 


其 中 各 选项 的 含义 如 下 。 

(1) _blank: 将 链接 的 文件 载 入 一 个 未 命名 的 新 浏览 器 窗口 中 。 

(2) new: 将 链接 的 文件 载 入 一 个 新 的 浏览 器 窗口 中 。 

(3) _parent: 将 链接 的 文件 载 入 含有 该 链接 框架 的 父 框架 集 或 父 窗口 中 。 如 果 包 含 链接 
的 框架 不 是 嵌 套 的 ， 链 接 文件 则 加 载 到 整个 浏览 器 窗口 中 。 

(4) _self: 将 链接 的 文件 载 入 该 链接 所 在 的 同一 框架 或 窗口 中 。 此 目标 是 默认 的 ， 所 以 
通常 不 需要 指定 它 。 

(5) _top: 将 链接 的 文件 载 入 整个 浏览 器 窗口 中 ， 会 删除 所 有 的 框架 。 
| EC 图 像 热 点 链接 可 以 将 一 幅 图 分 割 为 若干 区 域 ， 并 将 这 些 区 域 设置 为 热点 区 域 ， 
| 可 以 将 这 些 不 同 的 热点 区 域 链接 到 不 同 的 页 面 。 热 点 工具 有 3 种 : 矩形 热点 工具 、 

椭圆 形 热点 工具 和 多 边 形 热 点 工具 。 选 中 图 像 后 ， 单 击 【 属 性 】 面 板 中 的 矩形 热点 

工具 按钮 器 ， 在 “情感 日 志 ” 图 像 上 拖 动 鼠标 ， 绘 制 一 个 矩形 热点 ， 即 可 创建 热 

点 ， 如 图 2-55 所 示 。 
EER9p 电子 邮件 链接 是 一 种 特殊 的 链接 ， 单 击 这 种 链接 ， 会 启动 计算 机 中 相应 的 E-mail 
程序 ， 人 允许 书写 电子 邮件 ， 然 后 发 往 指 定 地 址 。 选 择 文字 “联系 我 们 ”， 选 择 【 插 
入 】 一 【电子 邮件 链接 】 菜 单 命令 ， 打 开 【 电 子 邮 件 链接 】 对 话 框 ， 输 入 要 链接 的 
电子 邮箱 ， 如 图 2-56 所 示 。 
入 $ 网 位 B 广 前 夯 吉 他 B 记 。 划 文 R 3 
游 山西 村 
| 壮 闫 农家 腊 酒 漳 ， 丰 年 留 客 总 殉 肤 。 
山 重 水 复 妖 无 路 ， 柳 障 花 明 又 一 村 。 


| 莆 鼓 追 随 春 社 近 ， 衣 冠 简朴 古 风 存 。 
从 今 车 许 闲 磁 月 ， 挂 社 无 时 夜中 门 。 











文本 ”联系 我 们 


电子 师 件 、 049. con 








| 

















图 2-55 创建 热点 图 2-56 输入 电子 邮箱 
EGR9 单 击 【 确 定 】 按 钮 ， 即 可 完成 电子 邮件 链接 的 添加 操作 ， 如 图 2-57 所 示 。 
条 文字 网。 作 节 X 章 。 疯 HE| 心 日记。 凌 陪 充 。 洁 各 大 全 
游 山西 村 


嵌 医 农家 简 演 渗 ， 丰 年 留 客 吓 鸡 腑 。 
山 重 水 复 肇 无 路 ， 柳 暗 花 明 又 一 村 。 
莆 喜 追随 春 社 近 ， 农 冠 商 村 古风 存 。 
从 今 关 许 用 乘 月 ， 柱 社 无 时 夜中 门 。 
牙 系 我 们 


2-57 ”添加 电子 邮件 链接 


2.4.10 在 网 页 中 插入 表格 


表格 是 网 页 制作 中 不 可 缺少 的 网 页 元 素 之 一 。 在 Dreamweaver CS6 中 ， 表 格 主要 用 来 安 
排 网 页 的 整体 布局 ， 也 可 以 用 来 制作 简单 的 图 表 。 在 文档 中 ， 利 用 表格 可 以 对 网 页 内 容 进行 
精确 定位 。 
使 用 【插入 】 面 板 或 【插入 】 菜 单 都 可 以 创建 新 表格 ， 然 后 设置 表格 的 属性 ， 也 可 以 添 
加 和 删除 表格 的 行 和 列 ， 还 可 以 对 表格 进行 拆 分 和 合并 。 
操作 表格 的 具体 步骤 如 下 。 
ECG 首先 新 建 一 个 文档 或 打开 一 个 文档 ， 将 指针 定位 到 需要 插入 表格 的 位 置 ， 选 择 
【插入 】 一 【表格 】 菜 单 命令 ， 打 开 【 表 格 】 对 话 框 ， 如 图 2-58 所 示 。 
ES 在 【表格 】 对 话 框 中 ， 将 【 行 数 】 设 置 为 S，【 列 】 设 置 为 2，【 表 格 宽度 】 设 
置 为 200 像素 ，【 边 框 粗细 】 设 置 为 1 像素 ， 其 他 保持 默认 设置 ， 单 击 【确定 】 按 
钮 ， 即 可 在 文档 中 插入 表格 ， 如 图 2-59 所 示 。 





要 格 大 小 
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图 2-58 【表格 】 对 话 框 2-59 ”插入 表格 后 效果 


在 【表格 】 对 话 框 中 ， 可 以 进行 以 下 设置 。 

(1) 【 行 数 】 文 本 框 : 在 该 文本 框 中 输入 新 建 表格 的 行 数 。 

(2) 【 列 】 文本 框 ， 在 该 文本 框 中 输入 新 建 表格 的 列 数 。 

(3) 【表格 宽度 】 文 本 框 : 用 于 设置 表格 的 宽度 ， 单 位 可 以 是 像素 或 百分比 。 

(4) 【边框 粗细 】 文 本 框 : 用 于 设置 表格 边框 的 宽度 (以 像素 为 单位 )。 若 设置 为 0， 在 浏 
览 时 则 不 显示 表格 边框 。 

(5) 【单元 格 边 距 】 文 本 框 : 用 于 设置 单元 格 边框 和 单元 格 内 容 之 间 的 像素 数 。 

(6) 【单元 格 间距 】 文 本 框 : 用 于 设置 相 邻 单元 格 之 间 的 像素 数 。 

(7) 【标题 】 区 域 : 用 于 设置 表 头 样式 ， 有 4 种 样式 可 供 选择 。 

@ 【无 】: 不 将 表格 的 首 列 或 首 行 设置 为 标题 。 

e 【 左 】: 将 表格 的 第 一 列 作为 标题 列 ， 表 格 中 的 每 一 行 可 以 输入 一 个 标题 。 

e 【项 部 】: 将 表格 的 第 一 行 作为 标题 行 ， 表 格 中 的 每 一 列 可 以 输入 一 个 标题 。 

e@ 【两 者 】: 可 以 在 表格 中 同时 输入 列 标题 和 行 标题 。 
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(8) 【标题 】 文 本 框 : 在 该 文本 框 中 输入 表格 的 标题 ， 标 题 将 显示 在 表格 的 外 部 。 
(9) 【摘要 】 文 本 框 : 对 表格 进行 说 明 或 注释 ， 内 容 不 会 在 浏览 器 中 显示 ， 仅 在 源 代码 
中 显示 ， 可 提高 源 代 码 的 可 读 性 。 
ESRB9 选 定 表格 后 ， 选 择 【 窗 口 】 一 【属性 】 菜 单 命令 或 按 Ctrl+F3 组 合 键 ， 即 可 打开 
表格 的 【属性 】 面 板 ， 如 图 2-60 所 示 。 将 鼠标 移动 到 单元 格 的 边框 上 ， 当 指针 变 成 
地 形状 时 ， 拖 动 鼠 标 左 键 上 下 移动 ， 即 可 改变 单元 格 的 高 度 ， 如 图 2-61 所 示 。 
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图 2-60 【属性 】 面板 2-61 插入 表格 后 效果 


Em 表格 的 高 度 一 般 不 需要 进行 设置 ， 它 会 根据 单元 格 中 所 输入 的 内 容 自动 


在 表格 的 【属性 】 面 板 中 ， 可 以 进行 以 下 设置 。 

(1) 【表格 】 文 本 框 : 设置 表格 的 标识 。 

(2) 【行文 本 框 和 【 列 】 文本 框 : 表格 中 的 行 数 和 列 数 。 可 通过 修改 该 值 ， 来 添加 或 
删除 表格 的 行 和 列 。 

(3) 【 宽 】 文 本 框 : 用 于 设置 表格 的 宽度 值 ， 单 位 是 像素 或 百分比 。 

(4) 【填充 】 文 本 框 : 也 称 单 元 格 边 距 ， 是 指 单元 格 边框 和 单元 格 内 容 之 间 的 像素 数 。 

(5) 【间距 】 文 本 框 : 也 称 单元 格 间距 ， 是 指 相 邻 单元 格 之 间 的 像素 数 。 

(6) 【对 齐 】 下 拉 列 表 : 用 于 设置 表格 的 对 齐 方式 ， 该 下 拉 列 表 中 包括 默认 、 左 对 齐 、 
居中 对 齐 和 右 对 齐 等 4 个 选项 。 

(7) 【边框 】 文 本 框 : 用 于 设置 表格 边框 的 宽度 (以 像素 为 单位 )。 

(8) 【清除 列 宽 】 按 钮 局 和 【清除 行 高 】 按 钮 图 : 用 于 清除 表格 的 列 宽 和 行 高 。 

(9) 【将 表格 宽度 转换 成 像素 】 按 钮 出 将 表格 中 每 列 的 宽度 转换 为 以 像素 为 单位 的 
宽度 。 
(10) 【将 表格 宽度 转换 成 百分比 】 按 钮 图 : 将 表格 中 每 列 的 宽度 转换 为 以 百分比 为 单位 
的 宽度 。 

EC 选择 需要 改变 高 度 的 单元 格 ， 在 【属性 】 面 板 的 【高 】 文 本 框 中 输入 60， 可 以 

精确 地 设 定 单元 格 的 高 度 ， 如 图 2-62 所 示 。 

ECEDDp 将 鼠标 移动 到 单元 格 的 边框 上 ， 当 指针 变 成 人 形状 时 ， 拖 动 鼠标 左 键 左右 移 

动 ， 即 可 改变 单元 格 的 宽度 ， 如 图 2-63 所 示 。 
EC 将 指针 放置 在 要 删除 的 行 或 列 中 ， 选 择 【 修 改 】 一 【表格 】 一 【删除 行 】 或 
【删除 列 】 菜 单 命令 ， 即 可 删除 行 或 列 ， 如 图 2-64 所 示 。 如 果 选 择 【 插 入 行 】 或 


【插入 列 】 菜 单 命令 ， 即 可 添加 行 或 列 。 
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图 2-63 改变 单元 格 的 宽度 


EC 选择 需要 合并 的 单元 格 ， 右 击 并 在 弹出 的 快捷 菜单 中 选择 【表格 】 一 【合并 单 























图 2-64 


删除 行 或 列 


元 格 】 菜 单 命令 ， 即 可 合并 选择 的 单元 格 ， 如 图 2-65 所 示 。 
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2-65 


ED 选择 需要 拆 分 的 单元 格 ， 


插入 行 (N) 
插入 列 (O 
插入 行 或 列 0… 
删除 行 (D) 
删除 列 (E) 


众 加 行 宽 (R) 
党 加 列 突 (A) 
尖 少 行 完 (W) 


选择 【合并 单元 格 】 命 令 





拆 分 单元 格 (P).… 
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Ctd+M 
Ctrl+Shift+A 


Ctrl+Shift+M 
Ctrl+Shift+- 


Ctrl+Shift+] 
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元 格 】 菜 单 命令 ， 如 图 2-66 所 示 。 打 开 【 拆 分 单元 格 】 对 话 框 ， 在 【 列 数 】 文 本 框 
中 输入 4， 如 图 2-67 所 示 ， 单 击 【确定 】 按 钮 ， 即 可 拆 分 选择 的 单元 格 ， 最 终 效 果 














如 图 2-68 所 示 。 
| 

RE) 加 
据 落 格式 (P) 合并 羊 元 格 (M) Car+Ak+M 
Ni PP). cuirAlttS 
Last 拍 和 5(N) CoM 
插入 列 ( 〇 Ctrl+Shift+A 

揪 入 行 台 列 四 

== css lO ， 

2 开除 行 (D) Curl+Shift+M 
于 "ene Cel+Shift+- 

be h 和 5 完 R) 















































图 2-67 改变 单元 格 的 宽度 图 2-68 删除 行 或 列 


2.4.11 使 用 表单 对 象 


表单 用 于 把 来 自用 户 的 信息 提交 给 服务 器 ， 是 网 站 管理 者 与 浏览 者 之 间 进 行 沟通 的 桥 
梁 。 利 用 表单 处 理 程序 ， 可 以 收集 、 分 析 用 户 的 反馈 意见 ， 以 做 出 科学 、 合 理 的 决策 ， 因 此 
它 是 一 个 网 站 成 功 的 重要 因素 。 使 用 Dreamweaver CS6 创建 表单 后 ， 可 以 在 表单 中 添加 对 
象 ， 还 可 以 通过 使 用 行为 来 验证 用 户 输入 信息 的 正确 性 。 

下 面 以 制作 一 个 留言 本 为 例 讲解 如 何在 网 页 中 插入 表单 ， 有 具体 的 操作 步骤 如 下 。 

EEJDp 打开 随 书 光盘 中 的 “ch02\ 制 作 留 言 本 .html” 文 件 ， 如 图 2-69 所 示 。 

区 了 TY 将 指针 移 到 下 一 行 ， 在 【插入 】 面 板 【 表 单 】 对 象 中 单 击 【 表 单 】 按 钮 回 ， 插 

入 一 个 表单 ， 如 图 2-70 所 示 。 

本 于 BY 将 指针 放 在 红色 的 虚线 内 ， 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ， 打 开 【 表 格 】 
对 话 框 。 将 【 行 数 】 设 置 为 9，【 列 】 设 置 为 2，【 表 格 宽度 】 设 置 为 470 像素 ， 
【边框 粗细 】 设 置 为 1 像素 ，【 单 元 格 边 距 】 设 置 为 2，【 单 元 格 间距 】 设 置 
为 3， 如 图 2-71 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 在 表单 中 插入 表格 ， 并 调整 表格 的 宽度 ， 如 图 2-72 所 示 。 
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图 2-70 插入 表单 
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再 
[ 达 ][ Ceoray Rtable [N [ey CR 00% ~ 
图 2-71 【表格 】 对 话 框 图 2-72 添加 表格 


EEIDy 在 第 1 列 单元 格 中 输入 相应 的 文字 。 然 后 选 定 文字 ， 在 【属性 】 面 板 中 ， 设 置 
文字 的 【大 小 】 为 12 像素 ， 将 【水 平 】 设 置 为 “ 右 对 齐 ”,， 【垂直 】 设 置 为 “ 居 
中 ”， 如 图 2-73 所 示 。 

四 于 BY 将 指针 放 在 第 1 行 的 第 2 列 单元 格 中 ， 选 择 【 插 入 】 一 【表单 】 一 【文本 域 】 
菜单 命令 ， 插 入 文本 域 。 在 【属性 】 面 板 中 ， 设 置 文本 域 的 【字符 宽度 】 为 12， 
【最 多 字符 数 】 为 12，【 类 型 】 为 “单行 ”， 如 图 2-74 所 示 。 














大 型 可 单行 8) 。 已 浪 行 史 局 实名 | 
] 











[ey Su [NJ ee po | 54 x 3600、2 X /1 秒 简体 中 文 12312) 





图 2-73 在 表格 中 输入 文字 图 2-74 添加 文本 域 

EC 重复 以 上 步骤 ， 在 第 3 行 、 第 4 行 和 第 5 行 的 第 2 列 单元 格 中 插入 文本 域 ， 并 
设置 相应 的 属性 ， 如 图 2-75 所 示 。 

EEC 将 指针 放 在 第 2 行 的 第 2 列 单元 格 中 ， 单 击 【 插 入 】 面 板 【表单 】 选 项 卡 中 的 
【 单 选 按钮 】 按 钮 回 ， 插 入 单 选 按钮 ， 在 单 选 按钮 的 右 侧 选择 “ 男 ”。 按 照 同样 的 
方法 再 插入 一 个 单 选 按钮 ， 选 择 “ 女 ”。 在 【属性 】 面 板 中 ， 将 【初始 状态 】 分 别 
设置 为 “已 勾 选 ”和 “未 选中 ”， 如 图 2-76 所 示 。 
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图 2-75 添加 其 他 文本 域 图 2-76 添加 单 选 按钮 
EEC 将 指针 放 在 第 3 行 的 第 2 列 单元 格 中 ， 单 击 【 插 入 】 面 板 【 表 单 】 选 项 卡 中 的 
【 复 选 框 】 按 钮 回 ， 插 入 复 选 框 。 在 【属性 】 面 板 中 ， 将 【初始 状态 】 设 置 为 “未 


选中 ”， 在 其 后 输入 文本 “音乐 ”， 如 图 2-77 所 示 。 
EEC 按照 同样 的 方法 ， 插 入 其 他 复 选 杠 ， 设 置 属性 并 输入 文字 ， 如 图 2-78 所 示 。 
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日 -部 加 入 - 加 EE - 
[cs] [CR |[ es mR) Kh be BE ER ee Ee "EC 


El Ee 
图 2-77 添加 复 选 框 图 2-78 添加 其 他 复 选 框 


EC 将 指针 置 于 第 8 行 的 第 2 列 单元 格 中 ， 选 择 【 插 入 】 一 【表单 】 一 【文本 区 
域 】 菜 单 命令 ， 插 入 多 行文 本 域 ，【 属 性 】 面 板 中 的 选项 为 默认 值 ， 如 图 2-79 所 示 。 

EDP9 将 指针 放 在 第 7 行 的 第 2 列 单元 格 中 ， 选 择 【 插 入 】 一 【表单 】 一 【文件 域 】 
菜单 命令 ， 插 入 文件 域 ， 然 后 在 【属性 】 面 板 中 设置 相应 的 属性 ， 如 图 2-80 所 示 。 

EEC 选 定 第 9 行 的 两 个 单元 格 ， 选 择 【修改 】 一 【表格 】 一 【合并 单元 格 】 菜 单 命 
令 ， 合 并 单元 格 。 将 指针 放 在 合并 后 的 单元 格 ， 在 【属性 】 面 板 中 ， 将 【水 平 】 设 
置 为 “居中 对 齐 ”， 如 图 2-81 所 示 。 

EC 选择 【插入 】- 一 【表单 】-- 【按钮 】 菜 单 命令 ， 插 入 两 个 按钮 : [要 实 ] 按 钮 和 
[去 按钮 。 在 【属性 】 面 板 中 ,分别 设 置 相应 的 属性 ， 如 图 2-82 所 示 。 
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图 2-81 合并 单 选 格 
保存 文档 ， 按 F12 键 在 浏览 器 中 预览 效果 ， 如 图 2-83 所 示 。 















































图 2-83 ”预览 网 页 效果 
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3.1 熟悉 HTML 


HTML(Hypertext Markup Language) 即 超 文本 标记 语言 或 超 文本 链接 标记 语言 ， 文 件 后 级 
名 为 .htm 或 .html， 是 目前 网 络 上 应 用 最 为 广泛 的 语言 ， 也 是 构成 网 页 文档 的 主要 语言 。 
HTML 的 结构 包括 头 部 (head)、 主 体 (body) 两 大 部 分 ， 其 中 头 部 描述 浏览 器 所 需 的 信息 ， 而 主 
体 则 包含 所 要 说 明 的 具体 内 容 。 


3.1.1 第 一 个 HTML 网 页 


制作 HTML 页 面 ， 可 以 使 用 记事 本 、 写 字 板 、Word、FrontPage、Dreamweaver 及 其 他 有 具 
有 文字 编排 功能 的 工具 ， 只 要 把 最 后 生成 的 文件 以 .html 为 后 级 名 保存 即 可 。 但 不 同 的 开发 工 
有 具 具有 不 同 的 开发 效率 ， 这 里 推荐 使 用 Dreamweaver。 

Dreamweaver 提供 了 页 面 和 HTML 代码 之 间 相互 转换 的 功能 。 如 编写 出 HTML 代码 后 ， 
通过 Dreamweaver 就 可 以 马上 看 到 相应 的 页 面 是 什么 样子 ， 反 之 亦 然 ， 当 看 到 一 个 漂亮 的 页 
面 时 ， 通 过 Dreamweaver 即 可 知道 它 的 HTML 代码 。 

下 面 用 Dreamweaver CS6 创建 一 个 空白 HTML 文件 ， 如 图 3-1 所 示 。 
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3-1 新 建立 的 HTML 页 面 


在 “标题 ”文本 框 中 输入 “第 一 个 HTML 网 页 ”， 单 击 L 稚 _ 按钮， 在 设计 视图 中 输入 
文本 “这 是 我 制作 的 第 一 个 页 面 ”， 如 图 3-2 所 示 。 
把 代码 视图 的 代码 复制 出 来 进行 分 析 ， 代 码 如 下 : 


<!ldoctype html> 
<html> 
<head> 


<meta charset="utf-8"> 
<title> 第 一 个 HTML 网 页 </title> 
</head> 


<body> 

这 是 我 制作 的 第 一 个 页 面 
</body> 

</html> 




















Dw mm &. hb 
文人 有 兰 生 (日 至 看 (V)， 本 和) 全 RM) 福 式 (0) 斋 $(Q 六 (5) 名 CG(W) am(H) 





rm 
ET 
”| 这 是 我 制作 的 第 一 个 页 面 






EE 























ele 扫 写 六 | 司 [js[e]| 
ES 





[em -Br Edin 
- OO | 



























图 3-2 标题 及 输入 文字 说 明 


上 面 的 代码 有 以 下 几 个 最 基本 的 特点 。 
@ ”在 代码 中 有 很 多 用 “< >” 括 起 的 代码 ， 这 就 是 HTML 语言 的 标记 符号 。 
@ ”代码 主要 由 head 和 body 两 部 分 组 成 。 


@ 代码 中 有 很 多 成 对 出 现 的 标记 ， 如 出 现 <html> 后 ， 在 后 面 会 出 现 与 之 对 应 的 
</html>; 如 前 面 出 现 <head> 后 ， 在 后 面 会 出 现 与 之 对 应 的 </head>。 在 成 对 出 现 的 标 
记 中 ， 第 一 个 表示 开始 ， 第 二 个 表示 结束 ， 并 且 结 束 的 标记 要 多 一 个 斜 杠 。 


接 下 来 看 看 这 些 标注 所 代表 的 意义 。 


e ”html: 表示 被 <html> 及 </html> 所 包围 起 来 的 内 容 是 一 份 HTML 文件 ， 不 过 本 标 


注 也 可 以 省 略 。 


® ”head: 此 标注 用 来 注 明 此 份 文件 的 作者 等 信息 ， 除 了 <title> 会 显示 在 浏览 器 的 标题 


列 之 外 ， 其 他 并 不 会 显示 出 来 ， 故 <meta> 可 以 省 略 。 


® ”meta: 表示 一 个 meta 变量 ， 其 作用 是 声明 信息 或 向 Web 浏览 器 提供 具体 的 指令 。 
e title: 表示 该 页 面 的 标题 ， 这 两 个 标记 中 间 的 字符 将 会 显示 在 浏览 器 的 标题 栏 上 ， 如 


上 面 实例 的 “第 一 个 HTML 网 页 ”就 会 显示 在 浏览 器 的 标题 栏 上 。 


® ”body: 被 此 标注 所 围 起 来 的 数据 ， 即 表示 是 HIML 文件 的 内 容 ， 会 被 浏览 器 显示 在 


窗口 中 。 不 过 本 标注 也 可 以 省 略 。 
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3.1.2 HTML 元 素 的 属性 


HTML 元 素 用 Tag 表示 ， 它 可 以 拥有 属性 ， 属 性 用 来 扩展 HTML 元 素 的 能 力 。 
比如 ， 可 以 使 用 一 个 bgcolor 属性 ， 使 得 页 面 的 背景 色 成 为 红色 ， 代 码 如 下 : 


<body bgcolor="red"> 


属性 通常 由 属性 名 和 值 成 对 出 现 ， 例 如 : name="value"。 上 面 例子 中 的 bgcolor 就 是 
name，red 就 是 value。 属 性 值 一 般 用 双 引 号 标记 。 
属性 通常 是 附加 给 HIML 的 开始 标记 ， 而 不 是 结束 标记 。 


3.1.3 body 属性 的 设置 


body 标记 作为 网 页 的 主体 部 分 ， 有 很 多 内 置 属性 ， 这 些 属 性 用 于 设置 网 页 的 总 体 风格 。 
主要 属性 如 表 3-1 所 示 。 


属 性 
backeround 
bgcolor 
text 
link 
Vlink 
alink 
leftmargin 


topmarei 


表 3-1 body 的 主要 属性 


功 能 
指定 文档 背景 图 像 的 url 地 址 
指定 文档 的 背景 颜色 
指定 文档 中 文本 的 颜色 
指定 文档 中 未 访问 过 的 超 链接 的 颜色 
指定 文档 中 已 被 访问 过 的 超 链 接 的 颜色 
指定 文档 中 正 被 选中 的 超 链接 的 颜色 
设置 网 页 左边 留 出 空白 间距 的 像素 个 数 
设置 网 页 上 方 留 出 空白 间距 的 像素 个 数 


在 上 述 属 性 中 ， 各 个 颜色 属性 的 值 有 两 种 表示 方法 : 一 种 是 使 用 颜色 名 称 来 指定 ， 例 如 
红色 、 绿 色 和 蓝 色 分 别 用 red、breen 和 blue 表示 ; 另 一 种 是 使 用 十 六 进 制 RGB 格式 表示 ， 
表示 形式 为 color="#RRGGBB" 或 color="RRGGBB"， 其 中 RR 是 红色 、GG 是 绿色 、BB 是 蓝 
色 ， 各 颜色 分 量 的 取 值 范围 为 00~~FF。 例 如 ，#00FF00 表示 绿色 ， 考 FFFFF 表示 白色 。 

背景 图 片 属性 值 是 一 个 相对 路 径 的 图 片 文件 名 ， 如 <body backgroud="bg.gif'> 中 bg.gif 是 
背景 图 片 的 名 字 ， 实 际 是 带 相 对 路 径 的 图 片 文件 名 字 。 比 如 ， 页 面 放 在 d:myweb\， 而 背景 图 
片 放 在 cmyweb\images\， 那 么 就 需要 写成 <body backgroud="images\bg.gif'>。 


3.1.4 字体 属性 的 应 用 


网 页 主要 是 上 














文字 及 图 





片 组 成 ， 在 网 页 中 那些 千变万化 的 文字 效果 又 是 由 哪些 常用 的 标 


签 进行 控制 呢 ? 本 节 主 要 介绍 文字 的 大 小 、 字 体 、 样 式 及 颜色 控制 。 





1. 文字 的 大 小 


提供 字号 大 小 的 是 font，font 有 一 个 属性 size， 通 过 指定 size 属性 就 能 设置 字号 大 小 ， 而 
size 属性 的 有 效 值 范围 为 1 一 7， 其 中 默认 值 为 3。 可 以 在 size 属性 值 之 前 加 上 “+”、“-” 
字符 ， 来 指定 相对 于 字号 默认 值 的 增 量 或 减 量 。 

【 例 3.1】 设置 网 页 文字 大 小 (实例 文件 : ch03\3.1.html) 


<html> 

<head> 

<title> 字 号 大 小 </title> 

</head> 

<body> 

<font size=7> 这 是 size=7 的 字体 </font><P> 
<font size=6> 这 是 size=6 的 字体 </font><P> 
<font size=5> 这 是 size=5 的 字体 </font><P> 
<font size=4> 这 是 size=4 的 字体 </font><P> 
<font size=3> 这 是 size=3 的 字体 </font><P> 
<font size=2> 这 是 size=2 的 字体 </font><P> 
<font size=1> 这 是 size=1 的 字体 </font><P> 
<font size=-1> 这 是 size=-1 的 字体 </font><P> 
</body> 

</html> 


预览 效果 如 图 3-3 所 示 。 
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这 是 size=7 的 字体 


这 是 size=6 的 字体 
这 是 size=5 的 字体 

这 是 size=4 的 字体 

这 是 size=3 的 字体 
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图 3-3 文字 不 同 大 小 样式 
2. 文字 的 字体 与 样式 
HTML 4.0 以 上 的 版 本 提供 了 定义 字体 的 功能 ， 用 FACE 属性 来 完成 这 个 工作 ，FACE 的 
属性 值 可 以 是 本 机 上 的 任 一 字体 类 型 。 但 有 一 点 需要 注意 ， 只 有 对 方 的 电脑 中 装 有 相同 的 字 
体 才 可 以 在 该 浏览 器 中 出 现 预先 设计 的 风格 。 格 式 如 下 : 


<font face=" 字 体 "> 


【 例 3.2】 设置 文字 的 字体 (实例 文件 ，ch03\3.2.html) 


<HTML> 
<HEAD> 
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<TITLE> 字 体 </TITLE> 

</HERD> 

<BODY> 

<CENTER> 

<FONT face=" 楷 体 GB2312"> 欢 迎 光临 </FONT><P> 

<FONT face=" 宋 体 "> 欢迎 光临 </FONT><P> 

<FONT face=" 仿 宋 GB2312"> 欢 迎 光临 </FONT><P> 

<FONT face=" 黑 体 "> 欢迎 光临 </FONT><P> 

<FONT face="Arial">Welcome my homepage.</FONT><P> 
<FONT face="Comic Sans MS">Welcome my homepage.</FONT><P> 
</CENTER> 

</BODY> 

</HTML> 


预览 效果 如 图 3-4 所 示 。 
[le rr 


: DS [二 
文件 (站 舌 强 |E) 喜 看 N) 。 收 基 闪失 ) ei 
欢迎 光临 
| 欢迎 光临 
欢迎 光临 
欢迎 光临 



































Welcome my homepage 
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图 3-4 不 同 的 字体 设置 后 效果 
HTML 还 提供 了 一 些 标签 ， 产 生 文字 的 加 粗 、 和 斜体 、 加 下 划 线 等 效果 ， 现 将 常用 的 标签 


列举 如 下 : 
@ <B>...</B>: 粗 体 。 
@ <I>...</I>: 斜体 。 
@ <U>...</U>: 加 下 划 线 。 
e@ <TT>...<TT>: 打字 机 字体 。 
e@ ”<BIG>...</BIG>: 大 型 字体 。 
@ <SMALL>...</SMALL>: 小 型 字体 。 
@ <BLINK>...</BLINK>: 闪烁 效果 。 
@ <EM>...</EM>: 表示 强调 ， 一 般 为 斜体 。 
@ <STRONG>...</STRONG>: 表示 特别 强调 ， 一 般 为 粗 体 。 
@ <CITE>...</CITE>: 用 于 引证 、 举 例 ， 一 般 为 斜体 。 


【 例 3.3】 设置 文字 的 样式 (实例 文件 : ch03\3.3.html) 


<html> 

<head> 
<title> 字 体 样式 </title> 
</head> 

<body> 


<B> 黑 体 字 </B> 

<P> <I> 斜 体 字 </I> 

<P> <U> 加 下 划 线 </U> 

<P> <BIG> 大 型 字体 </BIG> 

<P> <SMALL> 小 型 字体 </sSMALL> 
<P> <BLINK> 闪 烁 效果 </BLINK> 
<P> <EM>Welcome</EM> 

<P> <STRONG>Welcome</STRONG> 
<P> <CITE>Welcome</CITE></P> 
</body> 

</html> 


预览 效果 如 图 3-5 所 示 。 


加 


新 条 趾 洞 注 冲 沼 到 山 8 小 让 











EE 


黑体 字 

守 放 子 

大 型 字体 
小 型 字体 
闪烁 效果 
je7=ome 
Welcome 


Nelcome 





a ov 有 PEgwwcureeozslohevl 





文件 朋 。 沂 名 下 看 V)” 收 训 闪 (A 工具 (太一 (H 






GG 


R100% 








图 3-5 不 同 字体 效果 


3. 文字 的 颜色 
文字 颜色 设置 格式 如 下 : 


<font color=color value>..</font> 


这 里 的 颜色 值 可 以 是 一 个 十 六 进 制 数 (用 # 作 为 前 缀 )， 也 可 以 是 16 种 常用 颜色 名 称 ， 如 


表 3-2 所 示 。 


表 3-2 常用 颜色 值 表 




















国 s#& Black = "#000000" Green = "#008000" 
国 反 Silver = "#C0COCO" Lime = "#00FFO0" 
国庆 Gray = "#808080" Olive = "#808000" 
[J 白色 White = "#FFFFFF" Yellow = "#FFFFOO" 
国 六 名 Maroon = "#800000" Navy = "#000080" 
国 é Red = "#FF0000" Blue = "#0000FF" 





国 半 类 ple = "#800080" 


Teal = "#008080" 
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【 例 3.4】 设置 文字 的 颜色 (实例 文件 : ch03\3.4.html) 


<HTML> 
<HEAD> 

<TITLE> 文 字 的 颜色 </TITLE> 

</HEAD> 

<BODY BGCOLOR=000080> 

<CENTER> 

<FONT COLOR=WHITE> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=RED> 七 彩 网 络 </FONT> <BR> 
<FONT COLOR=#00FFFF> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#FFFF00> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#FFFFFF> 七 彩 网 络 </FONT> <BR> 
<FONT COLOR=#00FF00> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#C0C0C0> 七 彩 网 络 </FONT><BR> 
</CENTER> 

</BODY> 

</HTML> 


预览 效果 如 图 3-6 所 
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图 3-6 不 同 的 文字 颜色 效果 
4. 位 置 控制 


通过 align 属性 可 以 选择 文字 或 图 片 的 对 齐 方 式 ，left 表示 向 左 对 齐 ，right 表示 向 右 对 
齐 ，center 表示 居中 。 
【 例 3.5】 设置 文字 的 位 置 (实例 文件 :ch03\3.5.html) 


<html> 

<head> 
<title> 位 置 控制 </title> 
</head> 

<body> 

<div> 

<div align="left"> 你 好 !<br> 
</div> 

<div align="center"> 你 好 !<br> 
</div> 

<div align="right"> 你 好 !<br> 
</div> 

</div> 

</body> 
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</html> 


预览 效果 如 图 3-7 所 示 。 








3-7 ”文字 的 位 置 控制 效果 


另外 ，align 属性 也 常常 用 在 其 他 标签 中 ， 引 起 其 内 容 位 置 的 变动 。 
如 : 


<P align=#> 
<HR align=#> #=left / right / center 
<H1 align=#> 


5. 无 序号 列表 
无 序列 表 使 用 的 一 对 标签 是 <UL> 和 </UL>， 每 一 个 列表 项 前 使 用 <LI>。 其 结构 如 下 所 示 : 


<UL> 
<LI> 第 一 项 
<LI> 第 二 项 
<LI> 第 三 项 


</UL> 


【 例 3.6】 设置 无 序列 表 (实例 文件 :ch03\3.6.html) 


<html> 

<head> 
<title> 无 序列 表 </title> 
</head> 

<body> 

这 是 一 个 无 序列 表 : <P> 
<UL> 

国际 互联 网 提供 的 服务 有 : 
<LI>WWW 服务 
<LI> 文 件 传 输 服务 
<LI> 电 子 邮 件 服务 
<LI> 远 程 登 录 服 务 
<LI> 其 他 服务 

</UL> 

</body> 

</html> 


预览 效果 如 图 3-8 所 示 。 








so@ 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 %>~… 




















这 是 一 个 无 序列 表 ， 
国际 互联 网 提供 的 服务 有 ， 
wp 服 务 
* 文件 传输 更 务 
。*。 电子 凶 件 节 务 


:其 县 








Ns a 





图 3-8 无 序列 表 的 文字 排版 效果 
6. 有 序列 表 


有 序列 表 和 无 序列 表 的 使 用 方法 基本 相同 ， 使 用 标签 <OL> 和 </OL>， 每 一 个 列表 项 前 使 
用 <LI>。 每 个 项 目 都 有 前 后 顺序 之 分 ， 多 数 用 数字 表示 。 其 结构 如 下 所 示 : 


<OL> 
<LI> 第 一 项 
<LI> 第 二 项 
<LI> 第 三 项 


</OL> 


\ 【 例 3.7】 设置 有 序列 表 (实例 文件 :ch03\3.7.html) 


<html> 

<head> 

<title> 有 序列 表 </title> 
</head> 

<body> 

这 是 一 个 有 序列 表 : <P> 
<OL> 

国际 互联 网 提供 的 服务 有 : 
<LI>WWW 服务 
<LI> 文 件 传输 服务 
<LI> 电 子 邮 件 服务 
<LI> 远 程 登 录 服 务 
<LI> 其 他 服务 

</OL> 

</body> 

</html> 


预览 效果 如 图 3-9 所 示 。 
































图 3-9 有 序列 表 的 效果 
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其 工作 原理 
Vspace pixels 定义 图 像 项 部 和 底部 的 空白 
width pixels % 设置 图 像 的 宽度 


src 属性 用 于 指定 图 片 源 文件 的 路 径 ， 它 是 img 标记 必 不 可 少 的 属性 。 语 法 格式 如 下 。 
<img src=" 图 片 路 径 "> 


图 片 的 路 径 可 以 是 绝对 路 径 ， 也 可 以 是 相对 路 径 。 下 面 的 实例 是 在 网 页 中 插入 图 片 。 
【 例 3.8】 在 网 页 中 插入 图 像 (实例 文件 : ch03\3.8.html) 


<html> 

<head> 
<title> 插 入 图 片 </title> 
</head> 

<body> 

<img src="images/01.jpg"> 
</body> 

</html> 


在 正中 预览 效果 如 图 3-10 所 示 。 





| 
品 
3.1.5 在 网 页 中 插入 图 像 | 
图 像 可 以 美化 网 页 ， 插 入 图 像 使 用 单 标 记 <img>。img 标记 的 属性 及 描述 如 表 3-3 所 示 。 | 
表 3-3 img 标记 的 属性 
属 性 值 描 述 
alt text 定义 有 关 图 像 的 短 的 描述 
src URL 要 显示 图 像 的 URL 
height pixels % 定义 图 像 的 高 度 
ismap URL 把 图 像 定义 为 服务 器 端的 图 像 映射 
定义 作为 客户 端 图 像 映 射 的 一 幅 图 像 。 可 参阅 <map> 和 <area> 标 签 ， 了 解 NN 
usemap URL NN 

















图 3-10 ”插入 图 片 效 果 
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3.1.6 ”表格 的 使 用 

在 网 页 中 ， 表 格 是 措 建 网 页 结构 框架 的 主要 工具 之 一 ， 因 此 掌握 好 表格 常用 的 标签 也 是 
非常 重要 的 。 

1. 表格 的 基本 结构 


表格 主要 是 嵌 套 在 <tabel> 和 </tabel> 标 签 里 面 ， 一 对 <tabel> 标 签 表 示 组 成 一 个 表格 ， 下 面 
列 出 表格 的 基本 结构 。 
@ <table>..</table>: 定义 表格 。 





@ ”<caption>...</caption>: 定义 表格 标题 。 
e ”<tr>: 定义 表 行 。 

e ”<th>: 定义 表 头 。 

®@ <td>: 定义 表 元 (表格 的 具体 数据 )。 
示例 : 


<table border=1> 

<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 了 睦 芳 </td><td> 男 </td><td>22</td> 
</table> 


预览 效果 如 图 3-11 所 示 。 





司 Di 所 着 pcbres03\3 BD- CX) 
3 x 























ET 了 
| 姓名 性 别 年 龄 
座 脖 芳 于 ”22 





成 100% ~ 


图 3-11 表格 效果 

2. 表格 的 标题 

表格 标题 的 位 置 ， 可 由 align 属性 来 设置 ， 其 位 置 可 以 在 表格 上 方 和 表格 下 方 。 下 面 为 表 
格 标题 位 置 的 设置 格式 。 

(1) 设置 标题 位 于 表格 上 方 : 

<caption align=top> ... </caption> 

(2) 设置 标题 位 于 表格 下 方 : 

<caption align=bottom> ... </caption> 

示例 : 


<table border=1> 


<caption align=top> 用 户 </caption> 
<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 睦 芳 </td><td> 男 </td><td>22</td> 
</table> 


预览 效果 如 图 3-12 所 示 。 








姓名 性 别 年 齿 
用 麻 畦 芳 男 |22 








图 3-12 ”表格 标题 效果 
3. 边框 尺寸 


边框 是 用 border 属性 来 体现 的 ， 它 表示 表格 的 边框 边 厚 度 和 框 线 。 将 border 设 成 不 同 的 
有 不 同 的 效果 。 

1) 格 间 线 宽度 

格 与 格 之 间 的 线 为 格 间 线 ， 它 的 宽度 可 以 使 用 <table> 中 的 cellspacing 属性 加 以 调节 。 格 
式 为 (# 表 示 要 取 用 的 像素 值 ): 


<table cellspacing=#> 


2) ”内 容 与 格 线 之 间 的 宽度 
还 可 以 在 <table> 中 设置 cellpadding 属性 ， 用 来 规定 内 容 与 格 线 之 间 的 宽度 。 格 式 为 # 表 
示 要 取 用 的 像素 值 ): 


<table cellpadding=#> 


【 例 3.9】 创建 不 同 边框 类 型 的 表格 (实例 文件 :ch03\3.9.htmD 


<html> 

<body> 

<h4> 普 通 边框 </h4> 

<table border="1"> 

<tr> 
<td>First</td> 
<td>Row</td> 

/EES 

<tr> 
<td>Second</td> 
<td>Row</td> 

</tr> 

</table> 

<h4> 加 粗 边 框 </h4> 


<table border="8"> 


值 








oo®@ 
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EL> 
<td>First</td> 
<td>Row</td> 

EE 

<Er>. 
<td>Second</td> 
<td>Row</td> 

</tr> 

</table> 

</body> 

</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-13 所 示 。 


人 下 HAUsersAdminis P - © X | @ H\userswAdmin 


文件 站 ” 舌 强 (日 ”可 看 (V】 次 宣 闪 (内 工具 (]) 。 帮助 (H) 







































































图 3-13 ”程序 运行 结果 
4. 表格 内 文字 的 对 齐 与 布局 
表格 中 数据 的 排列 方式 有 两 种 ， 分 别 是 左右 排列 和 上 下 排列 。 左 右 排 列 是 以 align 属性 来 


设置 ， 而 上 下 排列 则 由 valign 属性 来 设置 。 其 中 左右 排列 的 位 置 可 分 为 三 种 ， 居 左 (lef)、 居 
右 (right) 和 居中 (center); 而 上 下 排列 比较 常用 的 有 四 种 : 上 齐 (top)、 居 中 (middle)、 下 齐 


(bottom) 和 基线 (baseline)。 
【 例 3.10】 使 用 align 属性 可 以 排列 单元 格 内 容 ( 实 例文 件 ，ch03\3.10.html) 
<html> 
<body> 
<table width="400" border="1"> 
区 在 开关 


<th align="left"> 项 目 </th> 
<th align="right"> 一 月 </th> 
<th align="right"> 二 月 </th> 
x/ 

<tr> 

<td align="left"> 衣 服 </td> 
<td align="right">$241.10</td> 
<td align="right">$50.20</td> 
Er 

E> 

<td align="left"> 化 妆 品 </td> 
<td align="right">$30.00</td> 


<td align="right">$44.45</td> 
<HELS 
E> 
<td align="left"> 食 物 </td> 
<td align="right">$730.40</td> 
<td align="right">$650.00</td> 
</tr> 
E> 
<th align="left"> 总 计 </th> 
<th align="right">$1001.50</th> 
<th align="right">$744.65</th> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-14 所 示 。 
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图 3-14 ”程序 运行 结果 
5. 合并 与 拆 分 单元 格 
要 合并 与 拆 分 单元 格 ， 只 需 在 <th> 或 <td> 中 加 入 colspan 或 rowspan 属性 ， 这 两 个 属性 的 
值 ， 表 明了 单元 格 中 要 跨越 的 行 或 列 的 个 数 。 
1) ”用 colspan 属性 合并 左右 单元 格 
左右 单元 格 的 合并 需要 使 用 td 标记 的 colspan 属性 完成 ， 格 式 如 下 。 
<td colspan=" 数 值 "> 单元 格 内容 </td> 


其 中 ，colspan 属性 的 取 值 为 数值 型 整数 数据 ， 代 表 几 个 单元 格 进行 左右 合并 。 

例如 ， 若 将 Al 和 Bl 单元 格 合并 成 一 个 单元 格 ， 可 为 第 一 行 的 第 一 个 <td> 标 记 增 加 
colspan="2" 属 性 ， 并 且 将 Bl 单元 格 的 <td> 标 记 删 除 。 

【 例 3.11】 合并 左右 单元 格 (实例 文件 ，ch03\3.11.htmD) 


<html> 

<head> 
<title> 单 元 格 左 右 合并 </title> 
</head> 

<body> 

<table border="1"> 





os® 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 ~ 


<tr> 
<td colspan="2">Al Bl</td> 
<td>C1</td> 
</tr> 
<tr> 
<td>R2</td> 
<td>B2</td> 
<td>C2</td> 
/tr 
<tr> 
<td>A3</td> 
<td>B3</td> 
<td>c3</td> 
</tr> 
<tr> 
<td>A4</td> 
<td>B4</td> 
<td>C4</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-15 所 示 。 











到 日 bwueerwaninis p - ox | B wm=ea 
文件 月 壮 (6 下 看 改 硬 闪 (A)，。 工 具 ()。 本 同 (H) 

















图 3-15 将 单元 格 左右 合并 

从 预览 图 中 可 以 看 到 ，Al 和 Bl 单元 格 合并 成 一 个 单元 格 ，C1 还 在 原来 的 位 置 上 。 
> 合并 单元 格 以 后 ， 相 应 的 单元 格 标记 就 应 该 减少 。 例 如 ，Al 和 Bl 合并 后 ， 
首次 “Bi 单元 格 的 <td></td> 标 记 就 应 该 丢掉， 否则 就 会 多 出 一 个 单元 格 ， 并 且 后 面 单元 

格 会 依次 向 右 位 移 。 

2) 用 rowspan 属性 合并 上 下 单元 格 

上 下 单元 格 的 合并 需要 为 <td> 标 记 增加 rowspan 属性 ， 格 式 如 下 。 

<td rowspan=" 数 值 "> 单元 格 内 容 </td> 


其 中 ，rowspan 属性 的 取 值 为 数值 型 整数 数据 ， 代 表 几 个 单元 格 进行 上 下 合并 。 
例如 ， 在 上 面 的 表格 的 基础 上 ， 若 将 Al 和 A2 单元 格 合并 成 一 个 单元 格 ， 可 为 第 一 行 的 


第 一 个 <td> 标 记 增 加 rowspan="2" 属 性 ， 并 且 将 A2 单元 格 的 <td> 标 记 删 除 。 
【 例 3.12】 合并 上 下 单元 格 (实例 文件 : ch03\3.12.htmD 


<html> 
<head> 
<title> 单 元 格 上 下 合并 </title> 
</head> 
<body> 
<table border="1"> 
<tr> 
<td rowspan="2">R1</td> 
<td>B1</td> 
<td>C1</td> 
> 
< 七 > 
<td>B2</td> 
<td>c2</td> 
RE 
EE 
<td>A3</td> 
<td>B3</td> 
<td>c3</td> 
</tr> 
<tr> 
<td>A4</td> 
<td>B4</td> 
<td>C4</td> 
<Jtr> 
</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-16 所 示 。 





[全 本 日 
















































































3-16 ”将 单元 格 上 下 合并 


从 预览 图 中 可 以 看 到 ，Al 和 A2 单元 格 合并 成 一 个 单元 格 。 

通过 上 面 对 左 右 单元 格 合并 和 上 下 单元 格 合并 的 操作 ， 可 以 发 现 ， 合 并 单元 格 就 是 “ 丢 
掉 ” 某 些 单元 格 。 对 于 左右 合并 ， 就 是 以 左 侧 为 准 ， 将 右 侧 要 合并 的 单元 格 “ 丢 掉 ”;， 对 于 
上 下 合并 ， 就 是 以 上 侧 为 准 ， 将 下 侧 要 合并 的 单元 格 “ 丢 掉 ”。 如 果 一 个 单元 格 既 要 向 右 合 
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并 ， 又 要 向 下 合并 ， 该 如 何 实现 呢 ? 
【 例 3.13】 向 右 并 向 下 合并 (实例 文件 : ch03\3.13.htm]) 


<html> 
<head> 
<title> 单 元 格 左右 合并 </title> 
</head> 
<body> 
<table border="1"> 
<tr> 
<td colspan="2" rowspan="2">Al1B1<br>A2B2</td> 
<td>Cl</td> 
EE 
<tr> 
<td>C2</td> 
</tr> 
<tr> 
<td>A3</td> 
<td>B3</td> 
<td>C3</td> 
</Er> 
<tr> 
<td>A4</td> 
<td>B4</td> 
<td>C4</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-17 所 示 。 


(3 站 HaUsersAdminist D 、 0 X | 大 音 元 恪 二 古人 台 并 


文件 (月 。 沪 句 (E) ”下 看 (V) 收 茂 闪 (A) 工具 (T) 。 耕 助 (H 
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图 3-17 ”两 个 方向 合并 单元 格 


从 上 面 的 代码 可 以 看 到 ，Al 单元 格 向 右 合并 B1 单元 格 ， 向 下 合并 A2 单元 格 ， 并 且 A2 
单元 格 向 右 合 并 B2 单元 格 。 


6. 表格 的 颜色 
在 表格 中 ， 既 可 以 对 整个 表格 填 入 底 色 ， 也 可 以 对 任何 一 行 、 一 个 单元 格 使 用 背景 色 。 





@ ”表格 的 背景 色彩 格式 : <table bgcolor=#>。 

e@ 行 的 背景 色彩 格式 : <tr bgcolor=#>。 

e@ 单元 格 的 背景 色彩 格式 : <th bgcolor= 纹 或 <tdbgcolor- 坟 。 
【 例 3.14】 为 表格 添加 背景 颜色 (实例 文件 : ch03\3.14.htmD) 


<!DOCTYPE html> 
<html> 
<body> 
<h4> 背 景 颜 色 : </h4> 
<table border="]1" bgcolor="green"> 
EL 
<td>100</td> 
<td>200</td> 
</tr> 
<tr> 
<td>300</td> 
<td>400</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-18 所 示 。 


“文件 (站 半 颖 (E) 下 看 (V) 。 履 二 交 (A) 工具 [帮助 (H) 














图 3-18 ”为 表格 添加 背景 颜色 
【 例 3.1S】 为 单元 格 添加 背景 颜色 (实例 文件 : ch03\3.15.htmD) 


<!DOCTYPE html> 
<html> 
<body> 
<h4> 单 元 格 背 景 </h4> 
<table border="1"> 
-E> 
<td bgcolor="red">100000</td> 
<td>200000</td> 
这 下 于 于 
<tr> 
<td>200000</td> 
<td>300000</td> 
> 
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</table> 
</body> 
</html> 


在 正 9.0 中 预览 网 页 效果 如 图 3-19 所 示 。 
Ee 
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图 3-19 为 单元 格 添加 背景 颜色 
3.1.7 ”表单 的 使 用 


留言 板 就 是 一 个 表单 运用 得 很 好 的 例子 。 表 单 通常 必须 配合 脚本 或 后 台 程序 来 运行 才 有 
意义 ， 本 节 以 介绍 各 式 表单 为 主 ， 在 后 面 章 节 将 介绍 如 何 将 表单 与 程序 相 结 合 。 
常用 表单 及 属性 的 代码 示例 及 显示 效果 ， 如 表 3-4 所 示 。 


表 3-4 常用 表单 及 属性 的 代码 示例 及 显示 效果 





名 称 代码 示例 显示 效果 
文字 输入 框 <INPUT TYPE="TEXT" NAME="NAME" SIZE="20"> 


时 男 <INPUT TYPE="RADIO" NAME="SEX" VALUE="BOY"> 
单 选 按钮 男女 © 


女 <INPUT TYPE="RADIO" NAME="SEX" VALUE="GIRL"> 


<INPUT TYPE="CHECKBOX" NAME="SEX™" VALUE="MOVIE"> 电 影 
复 选 框 户 电影 中 看书 


<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="BOOK"> 看 书 




















密码 输入 框 <INPUT TYPE="PASSWORD" NAME="INPUT"> [| 

【提交 资料 】 按钮 | <INPUT TYPE="sUBMIT"” VALUE=" 提 交 资 料 "> .提交 资料 | 

【重新 填写 】 按 钮 | <INPUT TYPE="RESET"” VALUE=" 重 新 填写 "> 重新 填写 

【我 同意 】 按 钮 | <INPUT TYPE="BUTTON”NaME="OK” VALUE=" 我 同意 "> 我 同意 

多 行 输入 框 <TEXTAREA NAME="TALK" COLS="15" 昌 
ROWS="3"></TEXTAREA> a 
<SELECT NAME="LIKE"> 
<OPTION VALUE=" 喜 欢 "> 非 常 喜欢 非常 喜欢 已 

下 拉 列 表 <OPTION VALUE=" 不 喜欢 "> 不 喜欢 非常 喜欢 
<OPTION VRLUE=" 讨 厌 "> 讨厌 讨厌 


</SELECT> 











3.1.8” 超 链接 的 使 用 


没有 链接 WWW 将 失去 存在 的 意义 。 文 件 链接 是 超 链接 中 最 常用 的 一 种 情形 ， 基 本 语 
法 格式 如 下 : 
<a href=" 字 符 串 ”target=" 字 符 串 ”title=" 字 符 串 "> 文本 </a> 


其 中 各 属性 描述 如 下 。 

(1) href: 该 属性 是 必 选 项 ， 用 于 指定 目标 端点 的 URL 地 址 。 

(2) target: 该 属性 是 可 选项 ， 用 于 指定 一 个 窗口 或 框架 的 名 称 ， 目 标 文档 将 在 指定 窗口 
或 框架 中 打开 。 如 果 省 略 该 属性 ， 则 在 超 链 所 处 的 窗 体 或 框架 中 打开 目标 文档 。 

(3) title: 该 属性 也 是 可 选项 ， 用 于 指定 鼠标 移 到 超 链接 所 显示 的 标题 文字 。 

例如 ， 建 立 一 个 搜狐 的 超 链接 ， 代 码 如 下 : 


<a href="http://www.sohu.com"> 搜 狐 </a> 
3.2 VBScript 语言 


VBScript 是 Microsoft 公司 推出 的 一 种 脚本 语言 ， 其 目的 是 为 了 加 强 HTML 的 表达 能 
力 ， 提 高 网 页 的 交互 性 ， 增 进 客户 端 网 页 上 处 理 数据 与 运算 的 能 力 。 


3.2.1 VBScript 概述 


VBScript 一 般 情况 是 和 ” HTML 结合 在 一 起 使 用 ， 融 入 HTML 或 ASP 文件 当中 。 在 
HTML 代码 中 ， 必 须 使 用 <script> 标 签 ， 才 能 使 用 脚本 语言 ， 格 式 如 下 : 


<script> 
语言 主体 信息 
</script> 


例如 ， 可 以 用 一 个 VBScript 语句 将 一 段 欢 迎 词 写 入 HTML 页 面 中 ， 代 码 如 下 : 
<script language="VBscript"> 
Window.Document .Write ("你 好 ! 欢迎 你 开始 学 习 VBScript 语言 ") 

</script> 

从 上 面 的 代码 可 以 看 出 ，VBScript 代码 是 成 双 成 对 地 出 现在 <Script > 标记 当中 ， 也 就 是 
说 代码 从 <Script > 开始 到 </Script > 结束 。 其 中 language 属性 代表 的 是 脚本 语言 。 

Script 语言 可 以 出 现在 HTML 中 任何 位 置 。 上 述 代码 中 的 Document 是 Window 中 的 子 对 
象 ，Wirite 是 Document 对 象 中 的 方法 。 


3.2.2 VBScript 数据 类 型 


VBScript 只 有 一 种 数据 类 型 ， 称 为 Variant。Variant 是 一 种 特殊 的 数据 类 型 ， 根 据 使 用 的 
方式 ， 它 可 以 包含 不 同类 别 的 信息 。 因 为 Variant 是 VBScript 中 唯一 的 数据 类 型 ， 所 以 它 也 
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符 串 。 


类 型 。 


案例 课堂 > 





是 VBScript 中 所 有 函数 的 返回 值 的 数据 类 型 。 

最 简单 的 Variant 可 以 包含 数字 或 字符 串 信 息 。Variant 用 于 数字 上 下 文中 时 ， 作 为 数字 处 
理 ; 用 于 字符 串 上 下 文中 时 ， 作 为 字符 串 处 理 。 这 就 是 说 ， 如 果 使 用 看 起 来 像 是 数字 的 数 
据 ， 则 VBScript 会 假定 其 为 数字 并 以 适用 于 数字 的 方式 处 理 。 与 此 类 似 ， 如 果 使 用 的 数据 只 
可 能 是 字符 串 ， 则 VBScript 将 按 字 符 串 处 理 。 也 可 以 将 数字 包含 在 引号 ("") 中 ， 使 其 成 为 字 


除 简单 的 数字 或 字符 串 以 外 ， 还 可 以 进一步 区 分 数值 信息 的 特定 含义 。 例 如 ， 使 用 数值 
信息 表示 日 期 或 时 间 。 此 类 数据 在 与 其 他 日 期 或 时 间 数 据 一 起 使 用 时 ， 结 果 也 总 是 表示 为 日 
期 或 时 间 ; 而 且 也 会 按照 最 适用 于 其 包含 的 数据 的 方式 进行 操作 。 也 可 以 使 用 转换 数据 的 子 


下 面 是 几 种 在 VBScript 中 通用 的 常数 。 


es 
了 提示 


True/False: 表示 布尔 值 。 
Empty: 表示 没有 初始 化 的 变量 。 
Null: 表示 没有 有 效 的 数据 。 
Nothing: 表示 不 应 用 的 变量 。 


在 程序 设计 中 ， 可 以 利用 VarType 返回 数据 的 Variant 子 类 型 。 


3.2.3 VBScript 变量 


1. 声明 变量 

可 以 使 用 Dim 语句 、Public 语句 和 Private 语句 在 脚本 中 显 式 声明 变量 。 例 如 声明 一 个 
abc 的 变量 : 

Dim abc 

声明 多 个 变量 时 ， 使 用 逗号 分 隔 变量 。 例 如 : 

Dim abc,def,hij 


也 可 以 通过 直接 在 脚本 中 使 用 变量 名 这 一 简单 方式 隐 式 声明 变量 。 但 这 通常 不 是 一 个 好 
习惯 ， 因 为 这 样 有 时 会 由 于 变量 名 被 拼 错 而 导致 在 运行 脚本 时 出 现 意 外 的 结果 。 因 此 ， 最 好 
使 用 Option Explicit 语句 显 式 声明 所 有 变量 ， 并 将 <%Option Explicit%> 作 为 脚本 的 第 一 条 语 
句 ， 放 在 页 面 代码 的 第 一 行 。 


2. 变量 命名 规则 
变量 命名 必须 遵循 VBScript 的 标准 命名 规则 。 





第 一 个 字符 必须 是 字母 。 

不 能 包含 嵌入 的 句点 。 

长 度 不 能 超过 255 个 字符 。 

在 被 声明 的 作用 域内 必须 唯一 。 


3. 变量 的 作用 域 与 存活 期 

变量 的 作用 域 由 声明 它 的 位 置 决定 。 如 果 在 过 程 中 声明 变量 ， 则 只 有 该 过 程 中 的 代码 可 
以 访问 或 更 改变 量 值 ， 此 时 变量 具有 局 部 作用 域 并 被 称 为 过 程 级 变量 。 如 果 在 过 程 之 外 声明 
变量 ， 则 该 变量 可 以 被 脚本 中 所 有 过 程 所 识别 ， 称 为 Script 级 变量 ， 具 有 脚本 级 作用 域 。 

变量 存在 的 时 间 称 为 存活 期 。Script 级 变量 的 存活 期 从 被 声明 的 一 刻 起 ， 直 到 脚本 运行 结 
束 。 对 于 过 程 级 变量 ， 其 存活 期 仅 是 该 过 程 运行 的 时 间 ， 该 项 过 程 结束 后 ， 变 量 随 之 消失 。 
在 执行 过 程 时 ， 局 部 变量 是 理想 的 临时 存储 空间 。 可 以 在 不 同 过 程 中 使 用 同名 的 局 部 变量 ， 
这 是 因为 每 个 局 部 变量 只 被 声明 它 的 过 程 识别 。 

4. 给 变量 赋值 

给 变量 赋值 的 方法 为 : 变量 在 表达 式 左边 ， 要 赋 的 值 则 在 表达 式 右 边 ， 如 : Abc=100。 

5. 标量 变量 和 数组 变量 


多 数 情 况 下 ， 只 需 为 声明 的 变量 赋 一 个 值 ， 只 包含 一 个 值 的 变量 被 称 为 标量 变量 。 有 
时 ， 将 多 个 相关 值 赋 给 一 个 变量 更 为 方便 ， 因 此 可 以 创建 包含 一 系列 值 的 变量 ， 称 为 数组 变 
量 。 数 组 变量 和 标量 变量 是 以 相同 的 方式 声明 的 ， 唯 一 的 区 别 是 声明 数组 变量 时 变量 名 后 面 
带 有 括号 0。 例 如 声明 一 个 包含 5 个 元 素 的 一 维 数组 : 


Dim abc(4) 


虽然 括号 中 显示 的 数字 是 4， 但 由 于 在 VBScript 中 所 有 数组 都 是 基于 0 的 ， 所 以 这 个 数 
组 实际 上 包含 5 个 元 素 。 在 基于 0 的 数组 中 ， 数 组 元 素 的 数目 是 括号 中 显示 的 数目 加 10 这 种 
数组 被 称 为 固定 大 小 的 数组 。 

在 数组 中 ， 使 用 索引 为 数组 的 每 个 元 素 赋 值 。 从 0 一 4， 将 数据 赋 给 数组 的 元 素 ， 代 码 如 
下 所 示 : 


Dim abc(0)=10 
Dim abc (1)=20 
Dim abc (2)=30 
Dim abc(3)=40 
Dim abc(4)=50 


同样 ， 使 用 索引 可 以 检索 到 所 需 的 数组 元 素 的 数据 。 例 如 : 


MyVariable = abc(3) 


数组 并 不 仅 限于 一 维 。 数 组 的 维 数 最 大 可 以 为 60 (尽管 大 多 数 人 不 能 理解 超过 3 或 4 的 
维 数 )。 声 明 多 维 数组 时 ， 用 逗号 分 隔 括号 中 每 个 表示 数组 大 小 的 数字 。 在 下 例 中 ， 
MYyVariable 变量 是 一 个 有 5 行 和 10 列 的 二 维 数组 : 


Dim MyVariable (4,9) 


在 二 维 数组 中 ， 括 号 中 第 一 个 数字 表示 行 的 数目 ， 第 二 个 数字 表示 列 的 数目 。 
也 可 以 声明 动态 数组 ， 即 在 运行 脚本 时 大 小 发 生变 化 的 数组 ， 最 初 声明 时 使 用 Dim 语句 
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或 ReDim 语句 ,但 括号 中 不 包含 量 任何 数字 。 例 如 : 

Dim MYVariable() 

ReDim AnotherArray() 

要 使 用 动态 数组 ， 必 须 随 后 使 用 ReDim 确定 维 数 和 每 一 维 的 大 小 。 在 下 例 中 ，ReDim 将 
动态 数组 的 初始 大 小 设置 为 10， 而 后 面 的 ReDim 语句 将 数组 的 大 小 重新 调整 为 1 5， 同时 使 
用 Preserve 关键 字 在 重新 调整 大 小 时 保留 数组 的 内 容 。 


ReDim MYVariable(10) 





ReDim Preserve MyVariable(15) 


重新 调整 动态 数组 大 小 的 次 数 没有 任何 限制 ， 但 将 数组 从 大 调 小 时 ， 将 会 丢失 被 删除 元 
素 的 数据 。 


3.2.4 _ VBScript 运算 符 


VBScript 有 一 套 完整 的 运算 符 ， 包 括 算术 运算 符 、 比 较 运算 符 、 连 接 运 算 符 和 逻辑 运 
算 符 。 
运算 符 具有 优先 级 : 首先 计算 算术 运算 符 ， 然 后 计算 比较 运算 符 ， 最 后 计算 逻辑 运算 
符 。 所 有 比较 运算 符 的 优先 级 相同 ， 则 按照 从 左 到 右 的 顺序 计算 比较 运算 符 。 运 算 符 如 表 3-5 
所 示 。 
表 3-5 VBScript 运算 符 


逻辑 运算 符 


Not 





对 象 引用 比较 











3.2.5 ”使 用 条 件 语句 


使 用 条 件 语句 可 以 编写 进行 判断 和 重复 操作 的 VBScript 代码 。 在 VBScript 中 ， 使 用 以 下 
条 件 语句 。 


1. If…Then…Else 语句 
If:…Then…Else 语句 用 于 计算 条 件 是 否 为 True 或 False， 并 且 根 据 计 算 结 果 指 定 要 运行 的 





加 


语句 。 通 常 ， 条件 是 使 用 比较 运算 符 对 值 或 变量 进行 比较 的 表达 式 。Jf…Then…Else 语句 可 以 
按照 需要 进行 嵌 套 。 例 如 : 


Sub AlertUser (Value) 

IE Value = 0 then 
Alertlabel .ForeColor =vbRed 
Alertlabel .Font .bold = True 
Alertlabel..Font..Italic =True 
Else 
Alertlabel .ForeColor =vbBlack 
Alertlabel .Font .bold = False 
Alertlabel..Font..Italic= False 

End if 

End Sub 
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my 
Ba 下 语句 执行 体 执行 完 后 ， 必 须 用 End 站 结束 。 


If…Then*…Else 语句 可 以 采用 一 种 变形 ， 允 许 从 多 个 条 件 中 选择 ， 即 添加 Elseif 子 句 以 扩 
充 fF…Then*…Else 语句 的 功能 ， 使 用 户 可 以 控制 基于 多 种 可 能 的 程序 流程 。 例 如 : 


Sub GetMyValue (Value) 
If Value = 0 then 
Msgbox Value 
Elseif Value =1 then 
Msgbox Value 
Elseif Value =2 then 
Msgbox Value 


GG 





Else 





Msgbox" 数 值 超出 了 范 
End if 
End Sub 


用 法 如 下 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0org/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 
<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>If*…Then*…Else 语句 运用 </title> 
</head> 
<body> 
<Script Language=VBScript> 
Se 
dim hour 
hour=15 
if hour<8 then 
document .write "早上 好 ! " 
elseif hour>=8 and hour<12 then 
document .write "上 午 好 ! " 
elseif hour>=12 and hour<18 then 
document .write "下 午 好 ! " 
else 
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15。 
候 ， 


案例 课堂 > 


document .write "晚上 好 ! " 
ema 二 到 
一 -> 
Hoeript > 
</body> 
</html> 


这 段 代码 显示 了 时 间 ， 主 体 意思 是 Dim 定义 一 个 变量 ， 名 为 hour， 给 这 个 变量 赋值 为 
当 hour 的 值 少 于 8 的 时 候 ， 显 示 “ 早 上 好 ”; 当 hour 的 值 大 于 或 等 于 8 而 少 于 12 的 时 
显示 “上 午 好 ”; 当 hour 的 值 大 于 或 等 于 12 而 少 于 18 的 时 候 ， 显 示 “ 下 午 好 ”; 其 他 


值 则 显示 “晚上 好 ”， 执 行 效果 如 图 3-20 所 示 。 





下 二 好 ! 





图 3-20 上 f…Then…Else 语句 
2. Select Case 语句 
在 上 面 的 If…Then…Else 语句 中 可 以 添加 任意 多 个 Elseif 子 句 以 提供 多 种 选择 ， 但 这 样 


使 用 经 常会 很 烦琐 。 在 VBScript 语言 中 对 多 个 条 件 进行 选择 时 ， 建 议 使 用 Select Case 语句 。 


使 用 Select Case 结构 进行 判断 ， 可 以 从 多 个 语句 块 中 选择 执行 其 中 的 一 个 。Select Case 


语句 使 用 的 功能 与 ff…Then…Else 语句 类 似 ， 表 达 式 的 结果 将 与 结构 中 每 个 Case 的 值 比较 。 
如 果 匹 配 ， 则 执行 与 该 Case 关联 的 语句 块 。 


示例 代码 如 下 : 


<html> 
<head> 
<title>select case 示例 </title> 
</HEAD> 
<body> 
<Script Language=VBScript> 
3 
dim Number 
Number = 3 
select case Number 
Case 1 
msgbox "弹出 窗口 A" 
Case 2 
msgbox "弹出 窗口 B" 
Case 3 
msgbox "弹出 窗口 c" 
Case else 


msgbox "弹出 窗口 D" 


end select 
-> 
</Beript’ > 
</body> 
</html> 


执行 效果 如 图 3-21 所 示 。 
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图 3-21 Select Case 语句 
从 上 述 代码 中 可 知 ，Select Case 只 计算 开始 处 的 一 个 表达 式 (只 计算 一 次 )。 而 If…Then*… 


Else 语句 结构 计算 每 个 Elseif 语句 的 表达 式 ， 这 些 表达 式 可 以 各 不 相同 。 只 有 当 每 个 Elseif 语 
句 计算 的 表达 式 都 相同 时 ， 才 可 以 使 用 Select Case 结构 代替 If…Then…Else 语句 。 


3.2.6 ”使 用 循环 语句 


句 ; 


循环 用 于 重复 执行 一 组 语句 。 循 环 可 分 为 三 类 : 一 类 在 条 件 变 为 False 之 前 重复 执行 语 

一 类 在 条 件 变 为 True 之 前 重复 执行 语句 ， 另 一 类 则 按照 指定 的 次 数 重复 执行 语句 。 

在 VBScript 中 可 使 用 下 列 循环 语句 : 

@ Do…LOOP: 当 ( 或 直到 ) 条 件 为 True 时 循环 。 如 计算 1+2+…+100 的 总 和 ， 其 代码 
如 下 : 


< 多 

Dim I Sum 

Sum=0 

i=0 

Do 

I=i+1 

Sum=Sum+1 

Loop Until i=100 
Response.Write(1+2+..+100= & Sum) 
名 > 


@ While…Wend: 当 条 件 为 True 时 循环 。 其 语法 形式 为 : 
While (条 件 语句 ) 
执行 语句 


Wend 
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@ For…Next: 指定 循环 次 数 ， 使 用 计数 器 重复 运行 语句 。 其 语法 形式 为 : 
For counter=start to end step D 
执行 语句 
Next 


@ For Each…Next: 对 于 集合 中 的 每 项 或 数组 中 的 每 个 元 素 ， 重 复 执行 一 组 语句 。 
3.2.7 VBScript 过 程 





在 VBScript 中 ， 过 程 被 分 为 两 类 : Sub 过 程 和 Function 过 程 。 
1. Sub 过 程 


Sub 过 程 是 包含 在 Sub 和 End Sub 语句 之 间 的 一 组 VBScript 语句 ， 执 行 操作 但 不 返回 
值 。 过 程 可 以 使 用 参数 (由 调用 过 程 传递 的 常数 、 变 量 或 表达 式 )。 如 果 Sub 过 程 无 任何 参数 ， 
则 Sub 语句 必须 包含 空 括号 0。 

例如 ， 下 面 的 Sub 过 程 使 用 两 个 应 有 的 (或 内 置 的 ) 函 数 ， 即 InputBox 和 MsgBox 来 提示 
用 户 输入 信息 ， 然 后 显示 结果 。 代 码 如 下 : 


Sub ShowDialog() 

Temp = InputBox ("请 输入 你 的 名 字 ") 
MsgBox "你 好 " &CSstr(temp) & "! " 
End sub 





2. Function 过 程 


Function 过 程 是 包含 在 Function 和 End Function 语句 之 间 的 一 组 VBScript 语句 。Function 
过 程 与 Sub 过 程 类 似 ， 但 是 Function 过 程 可 以 返回 值 。Function 过 程 可 以 使 用 参数 (由 调用 过 
程 传递 的 常数 、 变 量 或 表达 式 )。 如 果 Function 过 程 无 任何 参数 ， 则 Function 语句 必须 包含 空 
括号 0。Function 过 程 通过 函数 名 返回 一 个 值 ， 这 个 值 是 在 过 程 的 语句 中 赋 给 函数 名 的 。 
Function 返回 值 的 数据 类 型 为 Variant。 

在 下 面 的 示例 中 ，ShowInputName 函数 将 返回 一 个 组 合 字 符 串 ， 并 利用 Sub 过 程 输出 结 
果 。 代 码 如 下 : 


Sub ShowDialog() 

Temp = InputBox ("请 输入 你 的 名 字 ") 

MsgBox AVGMYScore (temp) 

End Sub 

Function ShowInputName (inputName) 
AVGMYScore=" 你 好 : " & Cstr(inputName) & "!™" 

End Function 


在 代码 中 使 用 Sub 过 程 和 Function 过 程 时 ， 需 要 注意 以 下 两 点 。 
(1) 调用 Function 过 程 时 ， 函 数 名 必须 用 在 变量 赋值 语句 的 右 端 或 表达 式 中 。 例 如 : 


Showinfo=showInputName (temp) 
Msgbox AVGMyScore (temp) 


(2) 调用 Sub 过 程 时 ， 只 需 输 入 过 程 名 及 所 有 参数 值 ， 参 数值 之 间 使 用 逗号 分 隔 。 无 须 


使 用 Call 语句 。 但 如 果 使 用 了 此 语句 ， 则 必须 将 所 有 参数 包含 在 括号 之 中 。 例 如 : 


Call MyProc (firstarg, secondarg) 
MyProc firstarg,secondarg 


3.3 ASP 基本 知识 


ASP 是 Active Server Pages 的 简称 ， 是 解释 型 的 脚本 语言 环境 。ASP 的 运行 需要 
Windows 操作 系统 ， 并 需要 安装 Internet Information Server (IIS)。ASP 是 目前 最 流行 的 开放 式 
Web 服务 器 应 用 程序 开发 技术 ， 它 能 很 好 地 将 脚本 语言 、HTML 标记 语言 和 数据 库 结 合 在 一 
起 ， 可 以 通过 网 页 程序 来 操控 数据 库 。 


3.3.1 ASP 能 做 什么 


ASP 有 以 下 几 个 功能 。 

(1) 动态 地 编辑 、 改 变 或 者 添加 页 面 的 任何 内 容 。 

(2) 对 由 用 户 从 HTML 表单 提交 的 查询 或 者 数据 做 出 响应 、 访 问 数据 或 者 数据 库 ， 并 向 
浏览 器 返回 结果 。 

(3) 为 不 同 的 用 户 定制 网 页 。 

(4) 由 于 ASP 代码 无 法 从 浏览 器 端 查看 ， 确 保 了 站 点 的 安全 性 。 

ASP 有 以 下 特点 。 

(1) ASP 不 需要 进行 编译 就 可 以 直接 执行 ， 并 整合 于 HTML 标记 语言 中 。 

(2) ASP 不 需要 特定 的 编辑 软件 ， 使 用 一 般 的 编辑 器 就 可 以 设计 ， 如 记事 本 。 

(3) 使 用 一 些 简 单 的 脚本 语言 ， 如 Javascrpt、VBScript， 再 结合 HTML 标记 语言 ， 就 可 
以 制作 出 完美 的 网 站 。 

(4) 兼容 各 种 正 浏览 器 。 

(5) 使 用 ASP 编辑 的 程序 安全 性 比较 高 。 

(6) ASP 采用 了 面向 对 象 技术 。 


3.3.2 ASP 的 工作 原理 
ASP 的 工作 原理 如 图 3-22 所 示 。 


























发 送 请 求 
一 一 一 
服务 器 端 
信息 发 送 


图 3-22 ASP 工作 原理 


(1) 客户 端 输入 网 页 地 址 (URL)， 通 过 网 络 向 服务 器 端 发 送 一 个 ASP 的 文件 请 求 。 
(2) 服务 器 端 开始 运行 ASP 文件 代码 ， 从 数据 库 中 取 需 要 的 数据 或 写 数据 。 
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(3) 服务 器 端 把 数据 库 反馈 的 数据 发 送 到 客户 端 上 显示 。 


3.3.3 ”ASP 基本 语法 


ASP 语句 书写 格式 为 <% 语 句 …%>。 
1. 这 条件 语句 


<% 
If 条 件 1 then 
语句 1 
elseif 条 件 2 then 
语句 2 
else 
语句 3 
Endif 
%> 


让 语句 完成 了 程序 流程 块 中 的 分 支 功能 : 如 果 其 中 的 条 件 成 立 ， 则 程序 执行 紧 接着 条 件 
的 语句 或 语句 块 ;否则 程序 执行 else 中 的 语句 或 语句 块 。 


2. while 循环 语句 





< 和 
while 条 件 
语句 
Wend 
%> 
while 语句 所 控制 的 循环 不 断 地 测试 条 件 ， 如 果 条 件 始终 成 立 ， 则 一 直 循环 ， 直 到 条 件 不 
再 成 立 。 


3. for 循环 语句 


<% 

for count=1 to n step m 

语句 1 

exit for 

语句 2 

Next 

$%> 

只 要 循环 条 件 成 立 ，for 语句 便 一 直 执 行 ， 直 到 条 件 不 再 成 立 。 
ASP 还 有 其 他 语句 ， 但 常用 的 、 必 须 掌握 的 就 是 这 些 。 


3.3.4 ASP 常用 内 建 对 象 


在 ASP 中 ， 提 供 的 对 象 以 及 组 件 都 可 以 用 来 实现 和 扩展 ASP 应 用 程序 的 功能 。 每 个 对 象 
都 有 其 各 自 的 属性 、 集 合 和 方法 ， 并 且 可 以 响应 有 关 事 件 。 用 户 不 必 了 解 对 象 内 部 复杂 的 数 
据 传递 与 执行 机 制 ， 而 只 需 在 程序 中 设置 或 调用 某 个 对 象 特定 的 属性 、 集 合 或 方法 ， 即 可 实 


全 


现 该 对 象 所 提供 的 特定 功能 。 

ASP 内 建 对 象 是 ASP 的 核心 ，ASP 的 主要 功能 都 建立 在 某 些 内 建 对 象 的 基础 之 上 ， 常 用 
ASP 对 象 有 Application 对 象 、Request 对 象 、Response 对 象 、Server 对 象 、Session 对 象 ， 下 
面 将 一 一 进行 介绍 。 

1. Application 对 象 


Application 对 象 在 应 用 程序 的 所 有 访问 者 间 共 享 信息 ， 并 可 以 在 Web 应 用 程序 运行 期 间 
持久 地 保持 数据 。 如 果 不 加 以 限制 ， 所 有 的 客户 都 可 以 访问 这 个 对 象 。Application 对 象 通常 
用 来 实现 存储 应 用 程序 级 全 局 变量 、 锁 定 与 解锁 全 局 变量 以 及 网 站 计数 器 等 功能 。Application 
对 象 包含 的 集合 、 方 法 和 事件 如 表 3-6 所 示 。 


表 3-6 Application 对 象 





类 型 名 称 说 明 
集合 Contents 存储 在 Application 对 象 中 的 所 有 变量 及 值 的 集合 
StaticObjects 使 用 <Object> 元 素 定义 的 存储 于 Application 对 象 中 的 所 有 变量 的 集合 


Contents.Remove 通过 传 入 变量 名 来 删除 指定 的 存储 于 Contents 中 的 变量 
Contents.Remove All | 删除 全 部 存 于 Contents 中 的 变量 


童 内 叫 泗 内 站 测 国 
A 


方法 i 锁定 在 Application 中 存储 的 变量 ， 不 允许 其 他 客户 端 修改 。 调 用 
Unlock 方法 或 本 页 面 执行 完毕 后 解锁 
Unlock 手动 解除 对 Application 变量 的 锁定 


Application OnStart | 当 事 件 应 用 程序 启动 时 触发 
Application OnEnd 当 事 件 应 用 程序 结束 时 触发 


Lock 方法 禁止 其 他 用 户 修改 Application 对 象 的 属性 ， 以 确保 在 同一 时 刻 仅 有 一 个 客户 可 
修改 和 存 取 Application 变量 。 如 果 用 户 没有 明确 调用 Unlock 方法 ， 则 服务 器 将 会 在 ASP 文 
件 结 束 或 超时 后 即 解除 对 Application 对 象 的 锁定 。 最 简单 的 就 是 进行 页 面 记 数 的 例子 : 


< 

application.lock 

application("numvisits") = application("numvisits") + 1 
application.unlock 

%> 


以 上 代码 表示 “你 是 本 页 的 第 <%=application("numvisits")%> 位 访问 者 ”。 当 然 ， 如 果 需 
要 记 数 的 初始 值 ， 那 就 该 加 个 判断 语句 了 : 


<% 

if application("numvisits")<9999 then 
application("numvisits")=10000 

end if 

application.lock 

application("numvisits") = application("numvisits") + 1 
application.unlock 

%> 


事件 
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以 上 代码 表示 “你 是 本 页 的 第 <%=application("numvisits")%> 位 访 问 者 ”。 而 且 每 刷新 一 
次 ， 都 会 记 数 累加 。 如 按 下 值 访 问 来 记 数 的 话 ， 则 可 建立 一 个 session: 


< 

if session("visitnum")="" then 

application.lock 

application("numvisits") = application("numvisits") + 1 
application.unlock 

session("visitnum")="visited"™" 

end if 

$%> 


以 上 代码 表示 “你 是 本 页 的 第 <%=application("numvisits")%> 位 访问 者 ”。 





2. Request 对 象 


Request 对 象 用 来 获取 客户 端 传 来 的 任何 信息 ， 包 括 POST 方法 或 GET 方法 、Cookies 
以 及 客户 端 证 书 从 HTML 表单 传递 的 参数 。 通 过 Request 对 象 ， 也 可 以 访问 发 送 到 服务 器 
的 二 进 制 数据 。Request 对 象 通常 用 来 实现 读 取 网 址 参数 、 读 取 表 单传 递 的 数据 信息 、 读 取 
Cookie 数据 、 读 取 服 务 器 的 环境 变量 以 及 文件 上 传 的 功能 。Request 对 象 包含 的 集合 、 属 性 
和 方法 如 表 3-7 所 示 。 














表 3-7 ”Request 对 象 


类 型 名 称 说 明 
ClientCertificate 客户 证 书 集 合 
Cookies 客户 发 送 的 所 有 Cookies 值 的 集合 
集合 Form 客户 提交 的 表单 (Form) 元 素 的 值 ， 变 量 名 与 表单 中 元 素 的 name 属性 一 致 


URL 参数 中 的 值 ， 如 果 Form 的 Method 属性 设 为 GET， 则 会 把 所 有 
的 Form 元 素 名 称 和 值 自动 添加 到 URL 参数 中 
ServerVariables 预定 义 的 服务 器 变量 


QueryString 





属性 TotalBytes 客户 端 发 送 的 HTTP 请 求 中 body 部 分 的 总 字 节 数 
E 从 客户 端 提交 的 数据 中 获取 count 字 节 的 数据 ， 返 回 一 个 无 符号 型 的 
方法 BinaryRead(count) 数组 


Request 对 象 的 主要 作用 就 是 : 在 服务 器 端 接收 从 客户 端 浏览 器 提交 或 上 传 的 信息 。 
Request 对 象 可 以 访问 任何 基于 HITP 请 求 传递 的 所 有 信息 ， 包 括 从 Form 表单 用 post 方法 或 
get 方法 传递 的 参数 、Cookie 等 。 下 面 是 一 个 表单 从 提交 到 接收 数据 的 案例 : 


<form id="forml" name="forml" method="post" action="b.asp"> 
<table width="340" border="0" align="center"> 

<tr> 

<td width="124"> 姓 名 : </td> 

<td width="206"><label> 

<input type="text" name="name" id="name" /> 

</label></td> 

je 

去 七 基 > 


<td> 工 作 单位 : </td> 


<td><input name="gzdw" type="text" id="gzdw" /></td> 

</tr> 

<tr> 

<td colspan="2"><label> 

<input type="submit" name="button"” id="button" value=" 提 交 " /> 
<input type="reset" name="button2" id="button2" value=" 重 置 " /> 
</label></td> 

WE 

</table> 

</form> 


效果 如 图 3-23 所 示 。 





3-23 ”表单 效果 


注意 ， 在 上 述 代码 中 Method 为 post， 且 提交 的 页 面 action 为 b.asp。b.asp 主要 是 读 取 


a.html 页 面 表单 中 填写 的 数据 信息 。 其 核心 代码 如 下 : 
你 的 姓名 是 :<%=request.form("name")%><br>。 
你 的 工作 单位 是 :<%=request.form("gzdw")%>。 


3. Response 对 象 


Response 对 象 用 来 控制 发 送 给 客户 端的 信息 ， 包 括 直接 发 送信 息 到 浏览 器 、 重 定向 浏览 
器 到 其 他 URL 或 设置 Cookie 值 。Response 对 象 通常 用 来 实现 输出 内 容 到 网 页 客户 端 、 网 页 


重 定向 、 写 入 Cookie 和 文件 下 载 等 功能 ， 包 含 的 集合 、 属 性 和 方法 如 表 3-8 所 示 。 
表 3-8 Response 对 象 
说 明 
设置 客户 端 Cookie 的 值 ， 当 前 响应 中 发 送 给 客户 所 有 的 Cookie 
值 的 集合 。 每 一 个 成 员 都 是 只 读 的 
是 否 启用 缓存 ， 此 句 必须 放 在 ASP 文件 的 第 一 行 。 启 用 Buffer 


集合 Cookies 




















| 之 后 ， 只 有 所 有 脚本 执行 完毕 后 才 会 向 客户 端 输 出 
CacheControl 设置 代理 服务 器 是 否 可 以 缓存 ASP， 以 及 缓存 的 级 别 
pe 设置 字符 集 ， 如 简体 中 文 为 gb2312， 与 在 网 页 中 的 meta 段 设 置 
charset=gb2312 具有 相同 作用 
ContentType 设置 HTTP 内 容 类 型 ， 如 text/html 
方法 Expires 设置 或 返回 一 个 页 面 缓存 在 浏览 器 中 的 有 效 时 限 ， 以 分 钟 计算 
ExpiresAbsolute 设置 页 面 缓存 在 浏览 器 中 到 期 的 绝对 时 间 
IsClientConnected 判断 客户 端 是 否 已 经 断 开 连接 
LCID 设 定 或 获取 日 期 、 时 间或 货币 的 显示 格式 
gi 设置 服务 器 的 返回 状态 ， 是 一 个 三 位 数 加 简要 说 明 的 格式 ， 如 








Response.Status = "401 Unauthorized” 


a 


僵 膝 吊 斑 站 沁 昼 恒 才 小 






GZ 


方法 
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续 表 
名 称 说 明 
AddHeader(HeaderName，| 向 HITP 头 中 加 入 额外 的 信息 ， 其 中 HeaderName 可 以 重复 。 信 
HeaderValue 息 一 旦 加 入 ， 则 无 法 删除 
AppendToLog 向 Web 服务 器 手动 加 入 一 条 日 志 
Bi 向 HTTP 输出 流 中 写 入 不 经 过 任何 字符 转换 的 数据 ， 用 于 客户 
端 传送 图 片 或 下 载 文件 
Clear 清空 缓存 
End 停止 处 理 ASP 文件 ， 直 接 向 客户 端 输入 现在 的 结果 
Flush 向 客户 端 立即 发 送 缓存 中 的 内 容 
ea 向 浏览 器 发 送 一 个 重 定向 的 消息 ， 浏 览 器 接收 到 此 消息 后 重 定 
向 到 指定 页 
Write 向 HTTP 输出 流 中 写 入 一 个 字符 串 





Response 对 象 主要 是 负责 将 信息 传递 给 用 户 ， 它 可 动态 地 响应 客户 端的 请 求 ， 并 将 动态 


生成 的 响应 结果 返回 给 客户 端 浏览 器 。 在 Response 中 ，Wirite 方法 是 使 有 














定 的 字符 串 写 到 当前 的 HTTP 输出 。 例 如 : 


<% 


response.write("hello,world"g"<br>") 


%> 


以 上 代码 表示 输出 “hello，world”。 
4. Server 对 象 


Server 对 象 提供 对 服务 器 上 的 方法 和 属性 的 访问 ， 其 中 大 多 数 方法 和 属性 是 作为 实用 程 
序 的 功能 服务 。Server 对 象 通常 用 来 实现 组 件 的 创建 、 获 取 服 务 器 的 物理 路 径 、 对 字符 串 进 


行 HIML 编码 和 转向 执行 其 他 ASP 文件 等 功能 。 


所 示 。 


类 型 


属性 


方法 


表 3-9 Server 对 象 


最 频繁 的 ， 它 将 指 





Server 对 象 包含 的 属性 、 方 法 如 表 3-9 














名 称 说 了 明 

en 设置 脚本 超时 。 当 一 个 ASP 页 面 在 一 个 脚本 超时 期 限 之 内 仍 没有 执行 完 
毕 ，ASP 将 终止 执行 并 显示 超时 错误 

CreateObject 创建 已 注册 到 服务 器 的 ActiveX 组 件 

Execute 用 于 停止 当前 网 页 的 运行 ， 并 将 控制 权 交 给 URL 中 所 指定 的 网 页 

dea 返回 一 个 ASPErmror 对 象 ， 用 来 描述 错误 的 详细 信息 。 值 得 注意 的 是 ， 必 
须 向 客户 端 发 送 一 些 数 据 后 这 个 方法 才 会 起 作用 

HTMLEncode “| 将 输入 的 HIML 字符 串 换 为 HTML 编码 





二 







将 虚拟 路 径 映射 为 绝对 路 径 。 如 使 用 Access 数据 库 时 ， 为 防止 下 载 ， 将 
其 放 在 站 点 应 用 程序 之 外 ， 然 后 通过 此 方法 找到 数据 库 在 服务 器 上 的 绝 
对 路 径 
[ee | 停止 执行 此 ASP 文件 ， 转 向 执行 另外 一 个 ASP 文件 

URLEncode 将 输入 的 字符 串 进行 URL 编码 


下 面 代码 是 Server 对 象 应 用 案例 : 


<%@language="VBscript" Codepage="936"%®> 

<HTML> 

<head> 

<title>Server 应 用 案例 </title> 

<body> 

< 多 

Server .ScriptTimeout=100 

Response .Write" 粗 体 <b> 我 爱 中 国 </b> 对 应 的 HTML 代码 为 : " 

Response .Write Server.HTMLEncode ("<b> 我 爱 中 国 </b>") 

Response.Write"<br>" 

Response.Write"URL 地 址 :http://www.eduboxue/bbs?a=hello world 经 过 编码 后 的 URL 
2 

Response.Write Server.URLEncode ("http://www.eduboxue/bbs?a=hello world") 
%> 


MapPath 
方法 





侍 肤 串 应 站 书 习习 山 8 小 是 









GZ 


</body> 
</html> 


5. Session 对 象 

可 以 使 用 Session 对 象 来 存储 特定 会 话 (Session) 所 需 的 信息 。 当 一 个 客户 端 访问 服务 器 
时 ， 就 会 建立 一 个 会 话 。 当 用 户 在 应 用 程序 不 同 页 面 间 跳 转 时 ， 不 会 丢弃 存储 在 Session 对 
象 中 的 变量 ， 这 些 变量 在 用 户 访问 应 用 程序 页 的 整个 期 间 都 会 保留 。 可 以 使 用 Session 对 象 
来 显 式 结束 会 话 并 设置 闲置 会 话 的 超时 时 限 。Session 对 象 包含 的 集合 、 属 性 、 方 法 和 事件 如 
表 3-10 所 示 。 


表 3-10 ”Session 对象 

















类 型 名 称 说 明 
世 使 用 脚本 命令 (赋值 语句 ) 向 Session 中 存储 的 数据 ， 可 以 省 略 
集合 J Contents 而 直接 访问 ， 如 Session("var”) 
网 使 用 <Object> 标 记 定义 的 存储 于 Session 对 象 中 的 变量 集合 。 运 行 期 
StaticObjects i 
间 不 能 删除 
CodePage 设置 当前 Session 的 代码 页 
设 定 当前 Session 的 日 期 、 时 间或 货币 的 显示 格式 ， 参 见 Response 的 
属性 | LCID 
LCID 属性 
SessionID 返回 Session 的 唯一 标识 
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说 明 
设置 Session 的 超时 时 间 ， 以 分 钟 为 单位 ， 在 TS 中 默认 设置 为 20 分 钟 
当 ASP 文件 执行 完毕 时 释放 Session 中 存储 的 所 有 变量 ， 当 下 次 访问 


属性 Timeout 














Abandon 时 ， 会 重新 启动 一 个 Session 对 象 。 如 果 不 显 式 调用 此 方法 ， 只 有 当 
方法 Session 超时 时 才 会 自动 释放 Session 中 的 变量 

Contents.Remove 删除 Contents 集合 中 的 指定 变量 

Contents.RemoveAll | 删除 Contents 集合 中 的 全 部 变量 
事件 Session OnEnd 声明 于 global.asa 中 ， 客 户 端 首 次 访问 时 或 调用 Abandon 后 触发 











Session OnStart 声明 于 global.asa 中 ，Session 超时 或 者 调用 Abandon 后 触发 


下 面 代码 是 Session 对 象 应 用 案例 : 


<html> 

<body> 

< 多 

response.write("<p>") 

response.write ("默认 Timeout 是 : " & Session.Timeout & " 分钟。") 
response.write ("</p>") 

Session.Timeout=30 

response.write("<p>") 

response.write ("现在 的 Timeout 是 " & Session.Timeout & " 分钟。") 
response.write ("</p>") 

%> 

</body> 

</html> 

本 实例 运行 结果 如 下 : 


默认 Timeout 是 20 分 钟 。 
现在 的 Timeout 是 30 分 钟 。 


3.3.5 ”ASP 常用 的 组 件 


ASP 组 件 一 般 来 说 是 以 DLL 为 后 缀 名 的 文件 ， 它 允许 用 户 根据 不 同 需要 来 调用 系统 
COM 组 件 ， 以 实现 所 要 达到 目的 。 常 用 的 组 件 包括 浏览 器 兼容 组 件 、 文 件 访问 组 件 、 广 告 加 
显 组 件 等 。 

1. 浏览 器 兼容 组 件 

不 同 的 浏览 器 支持 不 同 的 功能 ， 如 有 些 浏览 器 支持 框架 ， 有 些 不 支持 。 利 用 这 个 组 件 ， 
可 以 检查 浏览 器 的 能 力 ， 使 网 页 针对 不 同 的 浏览 器 显示 不 同 的 页 面 (如 对 不 支持 Frame 的 浏览 
器 显示 不 含 Frame 的 网 页 )。 该 组 件 的 使 用 很 简单 ， 需 注意 的 是 ， 要 正确 使 用 该 组 件 ， 必 须 保 
证 Browscap.ini 文件 是 最 新 的 。 

组 件 的 使 用 与 对 象 类 似 。 但 是 组 件 在 使 用 前 必须 先 创建 ， 而 使 用 内 置 对 象 前 不 必 创建 。 
浏览 器 兼容 组 件 属性 如 表 3-11 所 示 。 


他 
































第 
表 3-11 浏览 器 兼容 组 件 总 
属 性 说 明 加 
Browser 指定 浏览 器 的 名 字 机 
Version 指定 浏览 器 的 版 本 号 语 
Maiorver 浏览 器 的 主 版 本 (小 数 点 以 前 的 ) 其 
We 浏览 器 的 次 版 本 (小 数 点 以 后 的 ) 机 
Frames 指定 浏览 器 是 否 支持 框架 
Cookies 指定 浏览 器 是 否 支持 Cookie 
Tables 指定 浏览 器 是 否 支持 表格 
Backgroundsounds 指定 浏览 器 是 否 支持 背景 音乐 
Vbscript 指定 浏览 器 是 否 支持 JavaScript 或 JScript NN 
Javaapplets 指定 浏览 器 是 否 支持 Java 小 程序 NN 
ActiveXControls 指定 浏览 器 是 否 支持 ActiveX 控件 SS 
Beta 指定 浏览 器 是 否 是 测试 版 本 
Platform 指定 浏览 器 运行 的 平台 
Cdf 指定 浏览 器 是 否 支持 用 于 Web 建造 的 信道 定义 格式 (CDF) 


浏览 器 兼容 组 件 只 有 一 个 Value 方法 ， 用 于 为 当前 代理 用 户 从 Browscap.ini 文件 中 提取 一 





个 指定 的 值 。 


人 


文件 访问 组 件 











文件 访问 组 件 提供 文件 的 输入 /输出 方法 ， 使 得 在 服务 器 上 可 以 毫 不 费力 地 存 取 文 件 。 
文件 访问 组 件 利用 对 象 的 属性 及 方法 对 文件 及 文件 夹 进行 存 取 访 问 ， 其 对 象 和 集合 如 
表 3-12 所 示 。 


表 3-12 文件 访问 组 件 























类 型 名 称 说 明 
FileSystemObject 该 对 象 可 以 建立 、 检 索 、 删 除 目录 及 文件 
TextStream 该 对 象 提供 读 写 文件 的 功能 
对 象 “| FEile 该 对 象 可 以 对 单个 文件 进行 操作 
Folder 该 对 象 可 以 处 理 文件 夹 
Drive 该 对 象 实现 对 磁盘 驱动 器 或 网 络 驱动 器 的 操作 
Files 该 集合 代表 文件 夹 中 的 一 系列 文件 
集合 |_Folders 该 集合 的 积压 项 与 文件 夹 中 的 各 子 文件 夹 相 对 应 
Drives 该 集合 代表 了 本 地 计算 机 或 映射 的 网 络 驱动 器 中 可 以 使 用 的 驱动 器 


3. 广告 轮 显 组 件 


广告 轮 显 组 件 可 以 维护 


、 修 改 广告 Web 页 面 ， 可 使 每 次 打开 或 者 重新 加 载 网 页 时 ， 随 机 


显示 广告 。 在 使 用 该 组 件 前 ， 首 先 应 该 建立 一 个 旋转 时 间 表 文件 (用 于 设置 自动 旋转 图 像 及 其 


sr®@ 
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相应 时 间 等 信息 )， 并 确保 已 设置 了 需要 的 组 件 属性 。 广 告 轮 显 组 件 的 属性 和 方法 如 表 3-13 
所 示 。 


表 3-13 广告 轮 显 组 件 









说 明 
该 属性 用 于 指定 能 否 在 显示 广告 时 给 广告 加 上 一 个 边框 以 及 广告 边界 
大 小 

该 属性 指定 该 广告 是 不 是 一 个 超 链接 ， 其 默认 值 是 True 
该 属性 指定 超 链接 后 的 浏览 Web 页 面 ， 其 默认 值 是 no frame 
该 方法 可 以 取得 广告 信息 







名 称 





Border 













Clickable 
Targetframe 












GetAdvertisement 
4. 内 容 链 接 组 件 


内 容 链 接 组 件 可 以 把 一 系列 的 Web 页 连接 到 一 起 。 内 容 链接 组 件 提供 了 多 种 方法 ， 可 以 
从 内 容 链 接 列 表 文 件 中 提取 不 同 的 条 目 ， 包 括 相 对 当前 网 页 的 条 目 和 使 用 索引 编号 的 绝对 条 
目 。 其 属性 和 方法 如 表 3-14 所 示 。 


表 3-14 内容 链接 组 件 





类 型 名 称 说 明 

属性 About 该 属性 是 一 个 只 读 属 性 ， 返 回 正在 使 用 组 件 的 版 本 信息 
GetListCount 该 方法 返回 指定 列表 文件 中 包含 项 的 数量 
GetListIndex 该 方法 返回 列表 文件 中 当前 页 的 索引 

方法 GetPreviousURL 该 方法 从 指定 的 列表 文件 中 返回 当前 页 的 上 一 页 的 URL 
GetPreviousDescription 该 方法 从 指定 的 列表 文件 中 返回 当前 页 的 上 一 页 的 说 明 行 
GetNthURL 该 方法 从 指定 的 列表 文件 中 返回 指定 索引 页 面 的 URL 
GetNthDescription 该 方法 从 指定 的 列表 文件 中 返回 指定 索引 页 面 的 说 明 行 


5. 其 他 常见 的 组 件 


除了 前 面 介绍 的 组 件 以 外 ，ASP 还 包含 其 他 一 些 常 用 的 组 件 ， 这 些 组 件 都 相当 于 一 个 小 
工具 ， 能 够 完成 网 站 开发 所 需 的 特定 功能 。 
1) Data Access 组 件 
数据 库 访 问 组 件 是 利用 ASP 开发 Web 数据 库 最 重要 的 组 件 ， 可 以 利用 该 组 件 在 应 用 程序 
中 访问 数据 库 ， 然 后 可 以 显示 表 的 整个 内 容 ， 人 允许 用 户 构造 查询 以 及 在 Web 页 执行 其 他 一 些 
数据 库 操 件 。 

2) ”Content Rotator 组 件 

该 组 件 实现 的 是 文本 (HTML) 代 码 的 轮流 播放 。 使 用 该 组 件 ， 同 样 需要 一 个 定时 文件 (该 
文件 被 称 为 内 容 定 时 文件 )， 在 该 文件 中 包含 了 每 个 文件 的 值 及 其 需要 被 显示 的 时 间 比 例 。 
Content Rotator 组 件 通 过 读 取 该 文件 中 的 信息 ， 自 动 在 Web 页 面 中 插入 需要 被 定时 的 HTML 
代码 。 网 站 开发 人 员 只 要 维护 内 容 定时 文件 ， 就 可 实现 不 同 页 面 中 定时 文件 的 播放 。 




















3) ”Permission Checker 组 件 

该 组 件 能 让 网 站 开发 人 员 方 便 地 引用 操作 系统 的 安全 机 制 ， 判 断 一 个 Web 用 户 是 否 有 访 
间 Web 服务 器 上 某 一 个 文件 的 权限 。 

4) Logging Utility 组 件 

该 组 件 提供 了 访问 Web 服务 器 日 志文 件 的 功能 ， 它 允许 从 ASP 网 页 内 读 入 或 更 新 数据 。 

5) ”Tools 组 件 

该 组 件 相当 于 一 个 工具 包 ， 它 提供 了 有 效 的 方法 ， 可 以 在 网 页 中 检查 文件 是 否 存在 、 处 
理 一 个 HTML 表单 和 生成 随机 整数 。 
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4.1 定义 互动 网 站 


定义 互动 网 站 是 制作 动态 网 站 的 第 一 步 。 如 果 没 有 定义 好 互动 网 站 的 站 点 ， 则 
Dreamweaver CS6 所 产生 的 代码 无 法 与 服务 器 相配 合 。 


4.1.1 定义 互动 网 站 的 重要 性 


打开 Dreamweaver CS6 的 第 一 步 不 是 制作 网 页 和 写 程序 ， 而 是 先 定义 所 制作 的 网 站 ， 原 
因 如 下 。 

@ 将 整个 网 站 视 为 一 个 单位 来 定义 ， 可 以 清楚 地 整理 出 整个 网 站 的 架构 、 文 件 的 配置 
和 网 页 之 间 的 关联 等 信息 。 

@ ”可 以 在 同一 个 环境 下 一 次 性 定义 多 个 网 站 ， 而 且 各 个 网 站 之 间 不 冲突 。 

@ 在 Dreamweaver CS6 中 添加 了 一 项 测试 服务 器 的 设置 ， 如 果 事 先 定义 好 了 网 站 ， 就 
可 以 让 该 网 站 的 网 页 连接 到 测试 服务 器 里 的 数据 库 资源 当中 ， 又 可 以 在 编辑 页 面 中 
预览 数据 库 中 的 数据 ， 甚 至 打开 浏览 器 来 运行 。 


4.1.2 在 Dreamweaver CS6 中 定义 动态 网 站 

设置 网 站 服务 器 是 所 有 动态 网 页 编写 前 的 第 一 个 操作 ， 因 为 动态 数据 必须 要 通过 网 站 服 
务 器 的 服务 才能 运行 。 许 多 人 都 会 忽略 这 个 操作 ， 以 致 程序 无 法 执行 或 是 出 错 。 

1. 整理 制作 网 站 的 信息 


在 开始 操作 之 前 ， 请 先 养 成 一 个 习惯 一 就 是 整理 制作 网 站 的 信息 ， 具 体 就 是 将 所 要 
制作 的 网 站 信息 以 表格 的 方式 列 出 ， 再 按 表 来 实施 ， 这 样 不 仅 可 以 让 网 站 数据 井井有条 ， 也 
在 维护 工作 时 能 够 更 快 地 掌握 网 站 情况 。 

如 表 4-1 所 示 为 整理 出 来 的 网 站 信息 。 

表 4-1 网 站 信息 表 




















信息 名 称 内 容 
网 站 名 称 本 地 网 站 
本 机 服务 器 主 文件 夹 Ci\inetpub\wwwroot 
程序 使 用 文件 夹 C:\inetpub\wwwroot 
程序 测试 网 址 http://localhost/ 
2. 定义 新 网 站 


整理 好 网 站 的 信息 后 ， 下 面 就 可 以 正式 进入 Dreamweaver CS6 进行 网 站 编辑 了 ， 具 体操 
作 步 又 如 下 。 
ED 在 Dreamweaver CS6 界面 中 ， 选 择 【 站 点 】 一 【管理 站 点 】 菜 单 命令 ， 如 图 4-1 





所 示 。 
EDUDD 在 【管理 站 点 】 对 话 框 中 单 击 【新 建站 点 】 按 钮 ， 如 图 4-2 所 示 。 


























新 建 Business Catalyst 站 点 (B)… 




















管理 二 MM) 
Ee RS cultshiftD 
取出 (IO Ctrl+Alkt+Shift+D 
上 他 人) Cutshftu 
存 回 中 Ctrl+Alt+Shift+U 
dU) 
员 示 职 册 有 (B)-。 
ER 人 人) 
4-1 选择 【管理 站 点 】 菜 单 命令 4-2 【管理 站 点 】 对 话 框 


Dr 也 可 以 直接 选择 【站 点 〗 了 一 【新 建站 点 了 菜单 命令 ， 进 入 【站 点 设置 对 


SN 象 】〗 对 话 框 。 

EEC) 打开 【站 点 设置 对 象 】 对 话 框 ， 输 入 【站 点 名 称 】 为 “本 地 站 点 ”， 选 择 【 本 
地 站 点 文件 夹 】 位 置 为 Cinetpubvwwwroot， 如 图 4-3 所 示 。 

EEC 在 左 侧 列表 中 选择 【服务 器 】 选 项 ， 单 击 【+】 按 钮 ， 如 图 4-4 所 示 。 





[EE 






































图 4-3 设置 站 点 的 名 称 与 存放 位 置 图 4-4 选择 【服务 器 】 选 项 


EECSRD 在 【基本 】 选 项 卡 输入 服务 器 名 称 “ 本 地 站 点 ”， 选 择 连接 方法 为 “本 地 /网 
络 ”， 选 择 服务 器 文件 夹 为 C:\inetpub， 如 图 4-5 所 示 。 


Sm URL(Uniform Resource Locatol， 统 一 资源 定位 器 ) 是 一 种 网 络 上 的 定位 系统 ， 
”可 称 为 网 站 。Host 指 Intemet 连接 的 电脑 ， 至 少 有 一 个 固定 的 人 P 地 址 。Localhost 


指 本 地 端的 主机 ， 也 就 是 用 户 自己 的 电脑 。 


国 于 BY 选择 【高 级 】 选 项 卡 ， 设 置 测试 服务 器 的 服务 器 模型 为 ASP VBScript， 最 后 单 
击 【 保 存 】 按 钮 保存 站 点 设置 ， 如 图 4-6 所 示 。 
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7 
服务 器 名 称 : [本 地 站 点 运程 服务 器 
连接 方法 : | 本 地 /网 络 | 苛 维护 同步 信息 
服务 吉文 件 炎 : [Cre 和 口 保存 时 自动 文件 上 伟 到 服务 器 
口 启用 文件 取出 功能 
wma | 站 
取出 名 称 : 
| 
测试 服务 器 
| 
Ey EE ET 红 镶 ][ 台 | 
图 4-5 【基本 】 选 项 卡 图 4-6 【高 级 】 选 项 卡 
和 可 选 的 服务 器 模型 有 ASP VBScript、ASP JavaScript、ASP. NET (C#、VB )、 
i 意 ColdFusion、JSP 等 。 


ED 返回 到 Dreamweaver CS6 界面 中 ， 在 【文件 】 面 板 上 会 显示 所 设置 的 结果 ， 如 
图 4-7 所 示 。 
EGRB9 如 果 想 要 修改 已 经 设置 好 的 网 站 ， 可 以 选择 【站 点 】 一 【管理 站 点 】 菜 单 命 





















































4-7 ”Dreamweaver CS6 界面 4-8 【管理 站 点 】 对 话 框 


3. 测试 设置 结果 


完成 了 以 上 的 设置 后 ， 可 以 制作 一 个 简单 的 网 页 来 测试 ， 具 体 的 操作 步骤 如 下 。 

EC 在 【文件 】 面 板 中 添加 一 个 新 文件 并 打开 该 文件 进行 编辑 。 要 添加 新 文件 ， 可 
选取 该 网 站 文件 夹 后 右 击 ， 在 弹出 的 快捷 菜单 中 选择 【新 建文 件 】 命 令 ， 如 图 4-9 
所 示 。 

ED 双击 index.asp， 打 开 新 文件 ， 在 页 面 上 添加 一 些 文 字 ， 如 图 4-10 所 示 。 
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图 4-9 ”新建 文件 图 4-10 ”添加 网 页 内 容 
EEJRe 添加 完成 后 直接 按 F12 键 打开 浏览 器 来 预览 ， 可 以 看 到 页 面 执行 的 结果 ， 如 
图 4-11 所 示 。 


[人 Si 图 -| i ELE 3 Dp- acx)] 

















图 4-11 网 页 预览 结果 


这 个 网 页 所 执行 的 网 址 ， 不 再 是 以 碰 盘 路 径 来 显示 ， 而 是 以 刚才 设置 的 URL 
让 前 级 “http/localhost'” 再 加 上 文件 名 来 显示 ， 这 表示 网 页 是 在 服务 器 的 环境 中 运 
行 的 。 


EEC 仅仅 这 样 还 不 能 完全 显示 出 互动 网 站 服务 器 的 优势 ， 再 加 入 一 行 代码 来 测试 程 
序 执行 的 能 力 。 回 到 Dreamweaver CS6， 在 刚才 的 代码 后 添加 一 行 ASP 动态 代码 ， 
如 图 4-12 所 示 。 

ECG 按 Ctlts 组 合 键 保存 文件 后 ， 再 按 F12 键 打开 浏览 器 进行 预览 ， 果 然 在 刚才 的 
网 页 下 方 出 现 了 当前 时 间 ， 这 表示 设置 确实 可 用 ， 如 图 4-13 所 示 。 
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现在 的 时 间 为 , 图 
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Hi, Dreamweaver CS6 
现在 的 时 间 为 ，2015/9/22 17:41:22 








图 4-12 添加 动态 代码 图 4-13 动态 网 页 预览 结果 


4.2 Access 2010 简介 


Access 是 目前 比较 流行 的 桌面 型 数据 库 管理 系统 ， 是 一 种 常用 的 文件 型 数据 库 管理 程 
序 ， 可 用 来 存储 和 组 织 大 容量 数据 。 另 外 ，Access 2010 的 新 功能 还 可 以 帮助 数据 库 开 发 人 员 
查看 有 关 数 据 库 对 象 之 间 相 关 性 的 信息 。 


4.2.1 启动 和 关闭 Access 2010 


选择 【开始 】 一 【所 有 程序 】 一 Microsoft Office 一 Microsoft Access 2010 命令 即 可 启动 


Access 2010， 如 图 4-14 所 示 。 
打开 Access 2010 后 ， 选 择 【 文 件 】 一 【退出 】 菜 单 命 令 ,， 或 者 直接 单 击 窗口 右上 角 的 关 


闭 按钮 as， 也 可 退出 Access 2010， 如 图 4-15 所 示 。 
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4.2.2 数据库 及 数据 库 表 


数据 库 系 统 由 数据 库 中 的 6 个 对 象 所 构成 ， 包 括 表 、 查 询 、 窗 体 、 报 表 、 宏 和 模块 。 而 
数据 库 就 是 存放 各 个 对 象 的 容器 ， 因 此 在 创建 数据 库 系统 之 前 ， 首 先 应 创建 数据 库 ， 如 
图 4-16 所 示 。 

数据 表 是 数据 库 的 基本 对 象 ， 同 时 也 是 创建 其 他 5 种 对 象 的 基础 。 简 单 地 说 ， 表 就 是 用 
来 存储 数据 库 数据 的 地 方 ， 它 将 具有 相同 性 质 或 相关 联 的 数据 存储 在 一 起 ， 以 行 和 列 的 形式 
来 记录 数据 ， 如 图 4-17 所 示 。 
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图 4-16 创建 数据 库 图 4-17 数据 表 


4.2.3 创建 数据 库 


Access 2010 提供 了 多 种 创建 数据 库 的 方法 ， 下 面 介绍 两 种 常用 的 创建 数据 库 的 方法 。 
1. 创建 一 个 空白 数据 库 


数据 库 是 存放 各 个 对 象 的 容器 ， 若 需要 向 空 数据 库 中 添加 表 、 窗 体 、 宏 等 对 象 ， 首 先 需 
要 创建 一 个 空白 数据 库 。 

创建 空白 数据 库 的 具体 步骤 如 下 。 

EEJDp 打开 Access 2010 的 首 界面 ， 选 择 【 空 数据 库 】 选 项 ， 如 图 4-18 所 示 。 

EECJDy 单 击 【 空 数据 库 】 面 板 中 的 【文件 夹 】 按 钮 ， 打 开 【 文 件 新 建 数据 库 】 对 话 
框 ， 在 其 中 可 以 设置 数据 库 保存 的 位 置 ， 并 在 【文件 名 】 文 本 框 中 输入 数据 库 的 名 
称 ， 如 图 4-19 所 示 。 

EECe) 单 击 【 确 定 】 按 钮 ， 返 回 到 【 空 数据 库 】 窗 格 ， 可 以 查看 设置 好 的 保存 位 置 ， 
如 图 4-20 所 示 。 

EC 单 击 【 创 建 】 按 钮 ， 即 可 完成 新 建 空白 数据 库 的 操作 ， 并 在 数据 库 中 自动 创建 
一 个 数据 表 ， 如 图 4-21 所 示 。 
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2. 利用 模板 快速 创建 数据 库 


Access 2010 提供 了 多 个 数据 库 模板 。 使 用 这 些 数据 库 模板 ， 用 户 只 需要 进行 一 些 简单 操 

就 可 以 创建 一 个 包含 表 、 查 询 等 数据 库 对 象 的 数据 库 。 

下 面 利用 Access 2010 中 的 模板 ， 创 建 一 个 “资产 ”数据 库 ， 有 具体 步骤 如 下 。 

EC 启动 Access 2010， 打 开 首 界面 ， 在 Access 2010 提供 的 多 个 数据 库 模板 中 ， 选 
择 【 资 产 】 选 项 ， 如 图 4-22 所 示 。 

EEDp 打开 【可 用 模板 】 对 话 框 ， 在 【文件 名 】 文本 框 中 输入 新 建 数据 库 的 名 称 ， 单 

击 【 下 载 】 按 钮 ， 如 图 4-23 所 示 。 

开始 下 载 资产 数据 库 模板 ， 如 图 4-24 所 示 。 

EC 下 载 完毕 后 ， 系 统 会 自动 创建 一 个 “资产 ”数据 库 ， 在 Access 2010 的 窗口 左 侧 
可 以 看 到 “资产 ”数据 库 预 设 的 所 有 表 ， 如 图 4-25 所 示 。 
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图 4-22 选择 【资产 】 选 项 图 4-23 单 击 【 下 载 】 按 钮 
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图 4-24 下 载 模板 图 4-25 “资产 ”数据 库 


4.2.4 创建 数据 库 表 


表 结 构 设 计 的 好 坏 会 直接 影响 到 数据 库 的 性 能 ， 因 此 设计 一 个 结构 和 关系 良好 的 数据 
表 ， 在 系统 开发 时 是 相当 重要 的 。 下 面 介 绍 6 种 创建 数据 表 的 方法 。 


1. 使 用 表 模 板 创建 数据 表 


对 于 常用 的 联系 人 、 资 产 等 信息 表 ， 使 用 表 模 板 创建 ， 会 比 手动 创建 更 加 方便 快捷 。 利 
用 Access 2010 中 的 表 模 板 ， 创 建 一 个 “任务 ” 表 的 具体 步骤 如 下 。 
EC 启动 Access 2010， 创 建 一 个 空白 数据 库 ， 并 命名 为 “应 用 ”， 如 图 4-26 所 示 。 
ED 在 【创建 】 选 项 卡 单 击 【应 用 程序 部 件 】 下 拉 按 钮 ， 在 弹出 的 下 拉 列 表 中 选择 
【任务 】 选 项 ， 如 图 4-27 所 示 。 
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图 4-26 “应 用 ”数据 库 图 4-27 选择 【任务 】 选 项 
区 于 BY 弹出 Microsoft Access 对 话 框 ， 提 示 “ 安 装 此 应 用 部 件 之 前 必须 关闭 所 有 打开 的 
对 象 ”， 单 击 【 是 】 按 钮 ， 如 图 4-28 所 示 。 


“任务 ” 表 创 建 完成 ， 在 左 侧 的 导航 栏 中 双击 【任务 】 列 表 ， 即 可 打开 “ 任 
务 ” 数 据 表 视 图 ， 如 图 4-29 所 示 。 
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图 4-28 ”Microsoft Access 对 话 框 


图 4-29 “任务 ”数据 表 视图 
2. 使 用 字段 模板 创建 数据 表 


Access 2010 在 字段 模板 中 已 经 设计 好 了 各 种 字段 属性 ， 用 户 只 需要 直接 使 用 即 可 。 在 空 
数据 库 中 ， 使 用 字段 模板 创建 一 个 水 果 的 信息 表 ， 具 体 步 骤 如 下 


启动 Access 2010， 打 开 新 建 的 “应 用 ”数据 库 


区 于 BY 在 【创建 】 选 项 卡 中 单 击 【 表 格 】 组 中 的 【 表 】 选 项 ， 将 创建 一 个 名 为 “ 表 1” 


的 空白 表 ， 并 自动 进入 “ 表 1” 的 数据 表 视 图 ， 如 图 4-30 所 示 。 
EEJe 此 时 上 方 出 现 两 个 新 增 的 选项 卡 : 


【字段 】 选 项 卡 和 【 表 】 选 项 卡 。 其 中 ， 
【字段 】 选 项 卡 包 括 【视图 】 组 


组 、【 添 加 和 删除 】 组 、【 属 性 】 组 、【 格 式 】 组 、 
【字段 验证 】 组 ， 如 图 4-31 所 示 。 
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图 4-30 “ 表 1” 的 数据 表 视 图 
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图 4-31 【字段 】 选 项 卡 


EEC 单 击 【添加 和 删除 】 组 中 的 【其 他 字段 】 下 拉 按 钮 ， 弹 出 设计 好 的 字段 类 型 ， 
包括 基本 类 型 、 数 字 、 日 期 和 时 间 等 ， 如 图 4-32 所 示 。 

ECGRD) 选择 需要 添加 的 字段 类 型 ， 如 这 里 选择 【格式 文本 】 选 项 ， 即 添加 一 个 类 型 为 
【格式 文本 】 的 字段 ， 如 图 4-33 所 示 。 
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图 4-32 选择 字段 类 型 图 4-33 字段 1 


EEJD 添加 完成 后 ， 直 接 在 字段 文本 框 内 更 改 字段 名 称 为 “水 果 名 称 ”， 如 图 4-34 
所 示 。 

EC 使 用 同样 的 方法 ， 再 次 添加 2 个 字段 ， 字 段 类 型 分 别 为 【格式 文本 】 和 【 货 
币 】， 更 改 字段 名 称 为 “供应 商 ” 和 “价格 ”。 至 此 ， 水 果 信息 表 即 创建 完成 ， 如 
图 4-35 所 示 。 
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图 4-34 添加 “水 果 名 称 ” 字 段 图 4-35 添加 2 个 字段 


3. 使 用 表 设 计 创建 数据 表 


表 模 板 是 已 经 成 型 的 模板 ， 有 一 定 的 局 限 性 ， 不 能 满足 用 户 的 实际 需求 。 利 用 表 设 计 ， 


可 以 任意 设置 各 类 字段 的 属性 ， 从 而 创建 满足 实际 需要 的 数据 表 。 下 面 运用 表 设 计 创建 一 个 
“员工 信息 表 ”， 具 体 步 骤 如 下 。 


本 于 启动 Access 2010， 打 开 “ 应 用 ”数据 库 。 

EEJPp 在 【创建 】 选 项 卡 单 击 【 表 格 】 组 中 的 【 表 设计 】 按 钮 ， 创 建 名 为 “ 表 2” 的 空 
白 表 ， 并 进入 表 的 设计 视图 ， 如 图 4-36 所 示 。 

EEJRep 在 【字段 名 称 】 栏 中 输入 字段 的 名 称 “ 工 号 ”， 如 图 4-37 所 示 。 
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图 4-36 ” 表 设 计 视 图 图 4-37 【字段 名 称 】 栏 
EEC 单 击 【 数 据 类 型 】 栏 的 下 拉 按 钮 ， 在 弹出 的 下 拉 列 表 中 选择 “数字 ”类 型 ， 如 
图 4-38 所 示 。 


【说 明 】 栏 是 选择 性 的 ， 也 可 以 不 输入 。 例 如 这 里 输入 “ 工 号 唯一 ， 作 为 主 
键 ”， 如 图 4-39 所 示 。 












































图 4-38 【数据 类 型 】 栏 图 4-39 【说 明 】 栏 


四 TY 使 用 同样 的 方法 ， 添 加 其 他 字段 名 称 ， 设 置 相应 的 数据 类 型 ， 如 图 4-40 所 示 。 

ED 添加 完成 后 ， 单 击 窗口 左上 方 的 【保存 】 按 钮 ， 弹 出 【另存 为 】 对 话 框 ， 在 
【 表 名 称 】 文 本 框 内 设置 表 的 名 称 ， 这 里 设置 为 “员工 信息 表 ”， 单 击 【 确 定 】 按 
钮 ， 如 图 4-41 所 示 。 
























































图 4-40 添加 字段 图 4-41 【另存 为 】 对 话 框 
EEC) 弹出 Microsoft Access 对 话 框 ， 提 示 “ 尚 未 定义 主键 ”， 单 击 【 否 】 按 钮 ， 如 
图 4-42 所 示 。 


ECEDD) 在 【开始 】 选 项 卡 ， 单 击 【 视 图 】 组 的 【视图 】 下 拉 按 钮 ， 在 弹出 的 下 拉 列 表 
中 选择 【数据 表 视 图 】 选 项 ， 如 图 4-43 所 示 。 

EC 进入 数据 表 视图 ， 在 其 中 可 以 看 到 创建 好 的 “员工 信息 表 ”。 至 此 ， 就 完成 了 
使 用 表 设 计 创建 数据 表 的 操作 ， 如 图 4-44 所 示 。 
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尚未 定义 主键。 
人 者 三 人 和 但 应 尽量 定义 主键。 一 个 表 ， 只 有 定义 了 主键 ， 才 能 定义 该 表 与 未 据 库 中 其 他 表 闻 关系 。 
































4-42 ”Microsoft Access 对 话 框 图 4-43 选择 【数据 表 视 图 】 选 项 
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图 4-44 员工 信息 表 
4. 在 新 数据 库 中 创建 新 表 


创建 新 的 数据 库 后 ， 需 要 在 其 中 创建 新 表 。 在 新 数据 库 中 创建 新 表 的 具体 步骤 如 下 。 

EECRDp 启动 Access 2010， 在 【文件 】 选 项 卡 左 侧 单 击 【新 建 】 按 钮 ， 弹 出 【新 建 】 窗 
口 ， 然 后 选择 【 空 数据 库 】 选 项 ， 在 右 侧 【 空 数据 库 】 窗 格 中 的 【文件 名 】 文 本 框 
中 输入 新 建 数据 库 的 名 称 ， 如 图 4-45 所 示 。 





























图 4-45 ”创建 空 数据 库 


葬 了 PY 单 击 【创建 】 按 钮 ， 即 新 建 一 个 数据 库 ， 并 同时 创建 一 个 名 称 为 “ 表 1” 的 新 
表 ， 如 图 4-46 所 示 。 
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图 4-46 新 数据 库 


5. 在 现 有 数据 库 中 创建 新 表 


表 是 数据 库 的 基本 对 象 ， 无 论 进行 何 种 数据 库 操作 ， 都 离 不 开 数 据 表 。 下 面 介绍 如 何在 
现 有 数据 库 中 创建 新 表 ， 以 “应 用 ”数据 库 为 例 ， 具 体操 作 步 骤 如 下 。 
EEIDp 启动 Access 2010， 打 开 “ 应 用 ”数据 库 。 
EECRP9 在 【创建 】 选 项 卡 单 击 【 表 格 】 组 中 的 【 表 】 按 钮 ， 即 可 创建 一 个 名 为 “ 表 1” 
的 新 表 ， 并 进入 该 表 的 数据 表 视 图 界面 ， 如 图 4-47 所 示 。 
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图 4-47 数据 表 视图 
6. 使 用 SharePoint 列表 创建 表 
使 用 SharePoint 可 以 在 数据 库 中 创建 导入 或 链接 到 SharePoint 列表 的 表 ， 还 可 以 使 用 预 
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案例 课堂 > 


定义 模板 创建 新 的 SharePoint 列表 。 使 用 SharePoint 创建 一 个 “任务 ” 表 的 具体 操作 步 又 
如 下 。 
EEC 启动 Access 2010， 打 开 “ 应 用 ”数据 库 。 
EET 在 【创建 】 选 项 卡 单 击 【表格 】 组 中 的 【SharePoint 列表 】 下 拉 按钮， 在 弹出 的 
下 拉 列 表 中 选择 【任务 】 选 项 ， 如 图 4-48 所 示 。 


























图 4-48 选择 【任务 】 选 项 


NN ES 弹出 【创建 新 列表 】 对 话 框 ， 在 【指定 SharePoint 网 站 】 文 本 框 中 输入 网 站 的 
URL 地 址 ， 在 【指定 新 列表 的 名 称 】 文 本 框 设置 新 列表 的 名 称 ， 在 【说 明 】 文 本 框 
添加 说 明 ， 然 后 单 击 【 确 定 】 按 钮 ， 即 完成 使 用 SharePoint 列表 创建 表 的 操作 ， 如 
图 4-49 所 示 。 
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图 4-49 【创建 新 列表 】 对 话 框 


4.2.5 ”字段 的 数据 类 型 和 属性 
1. 字段 的 数据 类 型 


Access 2010 提供 的 常见 数据 分 类 包括 格式 文本 、 数 字 、 日 期 和 时 间 、 货 币 、 是 / 否 以 及 超 
链接 等 。Access 2010 的 常见 数据 类 型 如 表 4-2 所 示 。 


二 
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表 4-2 ”Access 2010 的 常见 数据 类 型 


























数据 类 型 用 法 存储 大 小 
格式 文本 存储 文本 或 文本 和 数字 相 结合 的 数据 0-255 个 字符 
存储 进行 算术 计算 的 数值 数据 ， 可 设置 的 字段 大 小 ， 包 括 字 | 1、2、4、8 或 者 16 
数字 节 、 整 型 、 长 整 型 、 单 精度 型 、 双 精度 型 、 同 步 复 制 ID 和 | 个 字 节 
小 数 
日 期 和 时 间 ”| 存储 日 期 和 时 间 格 式 的 数据 8 个 字 节 
货币 存储 货币 值 ， 在 计算 时 禁止 四 舍 五 入 8 个 字 节 
是 / 否 布尔 类 型 ， 当 字段 只 包含 两 个 不 同 的 可 选 值 ， 例 如 | 1 个 字 节 
Yes/No、True/False 或 者 On/Off， 使 用 此 类 型 
超 链 接 用 作 超 链接 地 址 ， 可 以 是 URL 或 者 UNC 路 径 0 一 64 000 个 字符 
附件 可 以 允许 向 数据 库 附 加 外 部 文件 的 字段 取决 于 附件 
、 取决 于 “结果 类 型 ” 
计算 可 以 创建 使 用 一 个 或 者 多 个 字段 中 数据 的 表达 式 属性 的 数据 类 型 
Ce 


提示 


\. 


使 用 正确 的 数据 类 型 ， 有 助 于 消除 数据 宛 余 ， 可 以 优化 存储 ， 提 高 数据 库 的 


人 SS 性 能 。 如 何 选择 正确 的 数据 类 型 ， 可 以 参照 以 下 几 点 。 
@ 存储 的 数据 内 容 。 如 需要 存储 的 数据 为 货币 值 ， 则 不 能 选择 文本 类 型 等 ， 


@ 数据 内 容 的 大 小 。 如 输入 的 数据 为 文章 的 标题 ， 那 么 设置 为 短文 本 即 可 。 
@ 数据 内 容 的 用 途 。 若 需要 存储 的 数据 为 时 间 ， 则 必然 要 设置 为 日 期 /时 间 


2. 字段 的 属性 


表 中 的 每 个 字段 都 有 属性 ， 这 些 属 性 定义 字段 的 特征 和 行为 。 字 段 的 最 重要 属性 是 其 数 
据 类 型 ， 字 段 的 数据 类 型 决定 其 可 以 存储 哪 种 数据 ， 还 决定 许多 其 他 的 重要 字段 特性 ， 如 是 
如 何在 表达 式 中 使 用 该 字段 、 该 字段 可 使 用 哪些 格式 等 。 
字段 的 属性 包括 常规 属性 和 查阅 属性 。 常 规 属性 根据 字段 的 数据 类 型 的 不 同 而 不 同 ， 如 


否 可 对 该 字段 进行 索引 、 























表 4-3 所 示 。 
表 4-3 Access 2010 的 常规 字段 属性 
属 性 说 明 
字段 大 小 短文 本 型 的 默认 值 不 超过 255 个 字符 。 不 同 的 数据 类 型 ， 大 小 范围 不 一 样 
格式 限定 字段 数据 在 视图 中 的 显示 格式 
输入 掩 码 显示 编辑 字符 以 引导 数据 输入 
标题 在 数据 表 视 图 中 要 显示 的 列 名 ， 默 认 的 列 名 为 字段 名 
小 数位 数 指定 显示 数字 时 要 使 用 的 小 数位 数 
默认 值 添加 新 记录 时 自动 向 字段 分 配 该 指定 值 


有 加 


册 满 溢 只 训导 习 二 过 前 营 几 y 小 下 
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案例 课堂 > 
续 表 
属 性 说 明 
验证 规则 提供 一 个 表达 式 ， 从 而 限定 输入 的 数据 ，Access 只 在 满足 相应 的 条 件 时 才能 输入 
数据 
验证 文本 和 验证 规则 相配 合 ， 当 用 户 输入 的 数据 违反 验证 规则 后 ， 给 出 提示 信息 
必 填 该 属性 取 值 为 “是 ”时 ， 表 示 必 须 填写 本 字段 。 为 “ 否 ” 时 ， 字 段 可 以 为 空 
Unicode 压缩 为 了 使 一 个 应 用 在 不 同 的 国家 各 种 语言 情况 下 都 能 正常 运行 而 编写 的 一 种 文字 代 
码 。 该 属性 取 值 为 “是 ”时 ， 表 示 本 字段 中 数据 库 可 以 存储 和 显示 多 种 语言 的 文本 
索引 决定 是 否 将 该 字段 定义 为 表 中 的 索引 字段 ， 通 过 创建 和 使 用 索引 加 快 对 该 字段 中 
数据 的 读 取 访问 速度 
文本 对 齐 指定 控件 内 文本 的 默认 对 齐 方式 





4.3 在 网 页 中 使 用 数据 库 


数据 库 网 页 动态 效果 的 实现 ， 其 实 就 是 将 数据 库 中 的 记录 显示 在 网 页 上 。 因 此 ， 如 何在 














网 页 中 创建 数 


昌 库 连接 并 读 取出 数据 显示 ， 是 开发 动态 网 页 的 一 个 重点 。 


4.3.1 Connection 对 象 


Connection 对 象 是 与 数据 存储 进行 连接 的 对 象 ， 它 代表 一 个 打开 的 与 数据 源 的 连接 。 如 
果 是 客户 端 /服务 器 数据 库 系统 ， 该 对 象 可 以 等 价 于 到 服务 器 的 实际 网 络 连接 。 因 为 提供 者 所 
支持 的 功能 不 同 ，Connection 对 象 的 某 些 集合 、 方 法 或 属性 有 可 能 无 效 。 

实际 上 如 果 没 有 显 式 地 创建 一 个 Connection 对 象 连接 到 数据 存储 ， 那 么 在 使 用 Command 
对 象 和 RecordSet 对 象 时 ，ADO 会 隐 式 地 创建 一 个 Connection 对 象 。 建 议 显 式 创建 
Connection 对 象 ， 然 后 在 需要 使 用 的 地 方 引用 它 。 因 为 通常 在 进行 数据 库 操作 时 ， 需 要 运行 
不 止 一 条 数据 操作 命令 ， 如 果 不 显 式 地 创建 一 个 Connection 对 象 ， 在 每 运行 一 条 命令 时 ， 都 
会 隐 式 地 创建 一 个 Connection 对 象 实例 ， 这 样 会 导致 效率 下 降 。 创 建 一 个 Connection 对 象 实 
例 很 简单 ， 使 用 Server 对 象 的 CreateOjbect(ADODB. Connection) 即 可 。 


4.3.2 ”用 ODBC 实现 数据 库 连 接 


可 以 利用 ODBC 实现 数据 库 连 接 ， 有 具体 的 连接 步骤 如 下 。 
EEC) 选择 【开始 】 一 【控制 面板 】 菜 单 命令 ， 打 开 【 所 有 控制 面板 项 】 窗 口 ， 如 











图 4-50 所 示 。 


EEIPy 在 【控制 面板 】 窗 口中 双击 【管理 工具 】 图 标 ， 打 开 【 管 理工 具 】 窗 口 ， 如 














4-51 所 示 。 
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图 4-50 【所 有 控制 面板 项 】 窗 口 图 4-51 【管理 工具 】 窗口 


EEIS 在 【管理 工具 】 窗 口中 双击 【数据 源 (ODBC)】 图 标 ， 打 开 【ODBC 数据 源 管理 
器 】 对 话 框 ， 在 其 中 选择 【系统 DSN】 选 项 卡 ， 如 图 4-52 所 示 。 

ES 单 击 【 添 加 】 按 钮 打开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(*.mdb) 选 项 ， 如 图 4-53 所 示 。 





























| 现 户 16h | 系 红 16W | 文件 25W [下 二 条 [站 滨 ”| 连 接 也 [关于 | 
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名 种 问 动 各 序 EST 


























| 


ED | 


| 





























图 4-52 【系统 DSN】 选项 卡 图 4-53 【创建 新 数据 源 】 对 话 框 


ED 单 击 【完成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 connodbc， 如 图 4-54 所 示 。 

ET 单 击 【选择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 。 单 击 【 驱 动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 在 创建 数据 库 步 台中 保存 数据 库 的 文件 夹 ， 如 图 4-55 所 示 。 

ED 单 击 【 确 定 】 按 钮 ， 回 到 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 其 中 可 以 
看 到 添加 的 数据 库 源 文件 ， 如 图 4-56 所 示 。 

TB 单 击 【确定 】 按 钮 ， 返 回 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 选 项 
卡 ， 可 以 看 到 系统 数据 源 中 已 经 添加 了 一 个 名 称 为 connodbc、 驱 动 程序 为 Driver do 
Microsoft Access(* mdb) 的 系统 数据 源 ， 如 图 4-57 所 示 。 
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案例 课堂 由 一 
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图 4-54 输入 数据 源 名 
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图 4-56 【ODBC Microsoft Access 安装 】 对 话 框 图 4-57 【系统 DSN】 选项 卡 
ED) 单 击 【 确 定 】 按 钮 ， 完 成 系统 DSN 的 设置 。 


4.3.3 创建 DSN 连接 并 测试 


创建 系统 DSN 以 后 ， 就 可 以 在 ASP 中 使 用 它 了 ， 其 代码 如 下 : 
< 


Set conn= server.createobject ("adodb.connection") 
Conn .open "dsn=connodbc" 
$%> 


在 代码 中 可 以 看 出 ， 这 里 创建 了 一 个 ADO Connection 对 象 ， 用 open 方法 打开 数据 。 
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第 5 章 用户 管理 系统 
第 6 章 信息 资讯 管理 系统 
第 7 章 网 络 投票 系统 
第 8 章 数字 留言 板 系统 
第 9 章 ”电子 相册 管理 系统 
第 10 章 ”BBS 论坛 管理 系统 
第 11 章 ”网 上 购物 系统 
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些 会 员 的 数据 ， 也 可 能 为 网 站 带 来 无 穷 的 商机 。 





户 管理 系统 是 非常 必要 的 ， 因 为 网 站 会 员 的 增加 ， 


<( 污 








户 管理 系统 ， 一 般 应 该 具备 用 户 注册 功能 、 资 料 修改 功能 、 取 回 密码 功能 


层 有 户 肌 档 的 2 
口 掌握 设计 密码 查询 


在 动态 网 站 中 ， 用 


2 
3 





让 网 站 累积 会 员 人 脉 ， 利 用 这 
典型 的 用 
以 及 用 户 注 销 身 份 功 能 等 。 
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5.1 系统 的 功能 分 析 


在 开发 动态 网 站 之 前 ， 需 要 规划 系统 的 功能 和 各 个 页 面 之 间 的 关系 ， 绘 制 出 系统 脉络 
， 以 方便 整个 系统 的 开发 与 制作 。 


5.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 用 户 管理 系统 的 网 页 结构 如 图 5-1 所 示 。 





到 


























index.asp 











用 户 登录 模块 找 回 密码 修改 资料 模块 























loginfail.asp welcome.asp 
TT 





lostpassword.asp userupdate.asp 











showquestion.asp userupdateok.asp 


[sa | I 
regfail.asp regok.asp showpassword.asp logoot.asp 


图 5-1 用 户 管理 系统 结构 


本 系统 的 主要 结构 分 为 用 户 登 录 和 找 回 密码 两 个 部 分 ， 整 个 系统 中 共有 12 个 页 面 ， 各 个 
页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 5-1 所 示 。 


表 5-1 用 户 管理 系统 网 页 设计 表 

































































页 面 名 称 功 能 
index.as 实现 用 户 管理 系统 的 登录 功能 的 页 面 
welcome.asp 用 户 登录 成 功 后 显示 的 页 面 
loginfail.as 用 户 登 录 失 败 后 显示 的 页 面 
register.asp 新 用 户 用 来 注册 输入 个 人 信息 的 页 面 
regok.asp 新 用 户 注册 成 功 后 显示 的 页 面 
regfail.asp 新 用 户 注册 失败 后 显示 的 页 面 
lostpassword.asp 丢失 密码 后 进行 密码 查询 使 用 的 页 面 





查询 密码 时 输入 提示 问题 的 页 面 


showquestion.asp 











showpassword.asp 答对 查询 密码 问题 后 显示 的 页 面 
userupdate.as] 修改 用 户 资料 的 页 面 
userupdateok.asp 成 功 更 新 用 户 资料 后 显示 的 页 面 
logoot.as] 退出 用 户 系统 的 页 面 





Gi 


1.2 网 页 美工 设计 


本 实例 整体 框架 采用 “拐角 型 ”布局 结构 ， 美 工 设计 效果 如 图 5-2 和 图 5-3 所 示 。 初 学 者 
在 设计 制作 过 程 中 ， 可 以 打开 光盘 中 的 源 代 码 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 夹 ， 其 中 放 
置 了 已 经 编辑 好 的 图 片 。 


证 食堂 采购 更 加 简单 


Li 
] > S a “i 
Dr 4 aa 和 @ i br 
图 5-2 首页 的 美工 图 5-3 会 员 注 册页 面 的 美工 


5.2 数据库 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 用 户 管理 系统 的 数据 库 ， 以 及 如 何 使 用 ODBC 
在 数据 库 与 网 站 之 间 建 立 动态 链接 。 


5.2.1 数据 库 设计 


通过 对 用 户 管理 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 注册 的 用 户 名 、 注 册 密 码 以 
及 个 人 信息 ， 如 性 别 、 年 龄 、E-mail、 电 话 等 。 所 以 在 数据 库 中 必须 包含 一 个 容纳 上 述 信息 的 
表 ， 称 之 为 用 户 信息 表 ， 本 案例 将 数据 库 命名 为 member， 创 建 的 用 户 信息 表 member 结构 如 
表 5-2 所 示 。 


> 











表 5-2 用户 信息 表 member 





索 引 
| 有 (无 重复 ) 















用 户 密码 
密码 遗失 提示 问题 
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续 表 
意 义 字段 名 称 必 填 字段 | 允许 空 字符 串 | 索引 
密码 提示 问题 答案 | answer 否 无 
真实 姓名 truename 否 无 
用 户 性 别 SeX 否 无 
用 户 地 址 address 否 无 
联系 电话 tel 否 于 
OICQ QQ 是 无 
邮箱 地 址 e-mail 是 无 
用 户 权 限 authori 无 











在 Access 2010 中 创建 数据 库 的 操作 步 又 如 下 。 

EI 运行 Microsoft Access 2010 程序 ， 选 择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 
【 空 数据 库 】 窗 格 ， 单 击 【 浏 览 】 按 钮 咏 ， 如 图 5-4 所 示 。 

EEJDp 打 开 【 文 件 新 建 数 据 库 】 对 话 框 。 在 【保存 位 置 】 下 拉 列 表 框 中 选择 前 面 创建 
站 点 member 中 的 mdb 文件 夹 ， 在 【文件 名 】 文 本 框 中 输入 文件 名 member.mdb， 为 
了 让 创建 的 数据 库 能 被 通用 ， 在 【保存 类 型 】 下 拉 列 表 框 中 选择 “Microsoft Access 
数据 库 (2002-2003 格式 ) (*.mdb)” 库 选项 ， 单 击 【 确 定 】 按 钮 ， 如 图 5-5 所 示 。 
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5-4 选择 【 空 数 据 库 】 选 项 5-5 【文件 新 建 数据 库 】 对 话 框 


ED 返回 【 空 数 据 库 】 窗 格 ， 单 击 【创建 】 按 钮 ， 即 在 Microsoft Access 2010 中 创建 
了 一 个 member.mdb 数据 库 文件 ， 同 时 Microsoft Access 2010 自动 默认 生成 了 一 个 
“ 表 1” 数 据 表 ， 如 图 5-6 所 示 。 

EEJ 在 “ 表 1” 上 单 击 鼠 标 右键 ， 选 择 快捷 菜单 中 的 【设计 视图 】 命 令 ， 打 开 【 另 存 
为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 member， 如 图 5-7 所 示 。 

ED 单 击 【确定 】 按 钮 ， 系 统 自动 以 设计 视图 方式 打开 创建 好 的 member 数据 表 ， 如 

图 5-8 所 示 。 
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图 5-7 【另存 为 】 对 话 框 
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图 5-8 建立 的 member 数据 表 
按 表 5-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 后 如 图 5-9 所 示 。 














authority 


5-9 创建 表 的 字段 


Br Access 为 member 数据 表 自 动 创建 了 一 个 主键 值 ID。 主 键 是 在 数据 库 中 建立 
外 ”的 一 个 唯一 真实 值 ， 数 据 库 通过 建立 主键 值 ， 方 便 后 面 搜索 功能 的 调用 ， 但 要 求 
所 产生 的 数据 没有 重复 。 


ED 双击 member 选项 ， 打 开 member 数据 表 ， 如 图 5-10 所 示 。 
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图 5-10 创建 的 member 数据 表 

EEC 为 了 方便 用 户 访问 ， 可 以 在 数据 表 中 预先 编辑 一 些 记录 对 象 ， 其 中 admin 为 管 
理 员 账号 ，password 列 为 用 户 密码 ， 如 图 5-11 所 示 。 编 辑 完成 ， 单 击 【 保 存 】 按 
钮 ， 然 后 关闭 Access 2010 软件 。 至 此 数据 库 储存 用 户 名 和 密码 等 资料 的 表 建 立 
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图 5-11 member 表 中 输入 的 记录 


5.2.2 ”创建 数据 库 连接 


在 数据 库 创建 完成 后 ， 需 要 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 ， 才 能 在 动态 网 
页 中 使 用 这 个 数据 库 文 件 。 接 下 来 介绍 在 Dreamweaver CS6 中 用 ODBC 连接 数据 库 的 方法 ， 
在 操作 的 过 程 中 要 注意 ODBC 连接 时 参数 的 设置 。 


m= 
了 提示 


开放 数据 库 互 连 (ODBC) 是 Microsoft 引进 的 一 种 早期 数据 库 接口 技术 。 
二 


Microsoft 引进 这 种 技术 的 一 个 主要 原因 是 ， 以 非 语言 专用 的 方式 提供 给 程序 员 一 
种 访问 数据 库 内 容 的 简单 方法 。 换 名 话说 ,访问 DBF 文件 或 Access Basic 以 得 到 


全 1's 


MDB 文件 中 的 数据 时 ， 无 须 懂 得 Xbase 程序 设计 语言 。 
一 个 完整 的 ODBC 由 下 列 几 个 部 件 组 成 。 
@ ”应 用 程序 (Application): 该 程序 位 于 控制 面板 ODBC 内 ， 其 主要 任务 是 
管理 安装 的 ODBC 驱动 程序 和 管理 数据 源 。 
@ 驱动 程序 管理 器 (Driver Manager): 驱动 程序 管理 器 包含 在 ODBC 的 
DLL 中 ， 对 用 户 是 透明 的 ， 其 任务 是 管理 ODBC 驱动 程序 ， 是 ODBC 
中 最 重要 的 部 件 。 
ODBC 驱动 程序 : 是 一 些 DLL， 提 供 了 ODBC 和 数据 库 之 间 的 接口 。 
数据 源 : 数据 源 包含 了 数据 库 位 置 和 数据 库 类 型 等 信息 ， 实 际 上 是 一 种 
数据 连接 的 抽象 叫 法 。 
创建 数据 库 连 接 的 具体 操作 步骤 如 下 。 
在 【控制 面板 】 窗 口 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN】 选 项 ， 打 开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 5-12 所 示 。 
ED 单 击 【 添 加 】 按 钮 ， 打 开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(* mdb) 选 项 ， 如 图 5-13 所 示 。 
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图 5-12 【系统 DSN】 选项 卡 图 5-13 【创建 新 数据 源 】 对 话 杠 


TB 单 击 【完成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 dsnuser， 如 图 5-14 所 示 。 
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图 5-14 【ODBC Microsoft Access 安装 】 对 话 框 
YY 单 击 【 选 择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【 了 驱动器】 下 拉 按 钮 ， 


. 
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案例 课堂 由 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 


夹 ， 然 后 单 击 【 数 据 库 名 】 列 表 框 中 的 数据 库 文件 membermdb， 则 数据 库 名 称 自动 
添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 5-15 所 示 。 


3. 找 到 需要 
的 数据 库 








2. 选 择 数 据 库 所 























1. 指 定数 据 库 所 
在 的 驱动 器 
5-15 ”选择 数据 库 


EEJ9 找到 数据 库 后 ， 单 击 【 确 定 】 按 钮 回 到 【ODBC Microsoft Access 安装 】 对 话 框 
中 ， 再 次 单 击 【 确 定 】 按 钮 ， 将 返回 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 dsnuser、 驱 动 程 
序 为 Driver do Microsoft Access(*.mdb) 的 系统 数据 源 ， 如 图 5-16 所 示 。 再 次 单 击 
【确定 】 按 钮 ， 完 成 系统 DSN 的 设置 。 












































EE 


5-16 【系统 DSN】 选 项 卡 


葬 于 BY 启动 Dreamweaver CS6， 选 择 【 文 件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 
对 话 框 ， 在 左 侧 选 择 【 空 白 页 】 选 项 ， 在 【页 面 类 型 】 列 表 框 中 选择 ASP VBScript 
选项 ， 在 【布局 】 列 表 框 中 选择 “无 ”选项 ， 如 图 5-17 所 示 ， 然 后 单 击 【 创 建 】 按 
钮 ， 在 网 站 根 目录 下 新 建 一 个 名 为 index.asp 的 网 页 并 保存 。 

EC 继续 设置 好 站 点 、 文 档 类 型 、 测 试 服务 器 ， 在 Dreamweaver CS6 中 选择 【 窗 
口 】 一 【数据 库 】 菜 单 命令 ， 打 开 【 数 据 库 】 面 板 ， 如 图 5-18 所 示 。 

区 于 BY 单 击 【数据 库 】 面 板 中 的 四 按钮 ， 弹 出 如 图 5-19 所 示 的 菜单 ， 选 择 【数据 源 名 
称 】 菜 单项 。 
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3. 设置 站 点 的 型 式 服务 器 。 
4 单 击 上 面 的 + 按钮 创建 连接 。 











图 5-18 【数据 库 】 面 板 图 5-19 选择 【数据 源 名 称 】 菜 单项 


EC 打开 【数据 源 名 称 】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 user， 单 击 【数据 
源 名 称 】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 dsnuser， 其 他 保持 默认 值 ， 如 图 5-20 
所 示 。 
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2. 选 择 刚 设置 
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Dreamweaver 让 连接: 日 使 用 测试 最 务 器 上 的 DSN 
加 使 用 本 地 DSN 


5-20 【数据 源 名 称 】 对 话 框 


EC 在 【数据 源 名 称 】 对 话 框 中 单 击 【 确 定 】 按 钮 后 完成 此 步骤 。 在 【数据 库 】 面 
板 中 可 以 看 到 连接 的 数据 库 文件 ， 如 图 5-21 所 示 。 

EC 同时 ， 在 网 站 根 目 录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 user.asp 的 文件 ， 它 可 以 用 记事 本 打开 ， 内 容 如 图 5-22 所 示 。 
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文件 (站 ”所 吉 由 。 相 式 (0) 喜 看 (V) 专 动 (H) 





，FileName=“Connection_odbc_conn_dsn htm” 
Type=“ADO” 
’ DesigntimeType="ADO” 
alse” 


es Se da 





5-21 


User. 


太 


设置 的 数据 库 5-22 ”自动 产生 的 user.asp 文件 
asp 文件 中 记载 了 数据 库 的 连接 方法 及 连接 参数 ， 其 各 行 代码 的 含义 如 下 : 


六 太太 册 让 册 册 册 训 让 记 座 雇 册 册 商 册 册 册 册 册 册 册 册 内 册 册 册 内 闪闪 商 商 商 六 关 商 六 庆 商 六 六 六 六 次 次 庙 座 庙 太 六 商 碳 碳 太太 太太 六 太太 


<% 

' FileName="Connection odbc conn dsn.htm" 
' Type="ADO" 

Wh 闫 型 为 RDO 
DesigntimeT e=" Al 
Ke 人 法 抽 让 的 连接 方式 为 ADo 的 连接 方法 
" HTTP=™ 

// 设 置 ee 的 是 接 方法 为 

' Catalog=" 

// 设 置 目 入 空 

' Schema="" 

// 概 要 内 容 为 空 

Dim MM user STRING 

// 定 义 为 user 数据 库 名 的 绑 定 

MM user STRING = "dsn=dsnuser;" 


// 设 置 为 DSN 数据 源 连 接 


商 册 内 商 碳 碳 庙 庙 册 册 册 碳 记 碳 碳 庙 页 碳 庙 庙 庙 庙 庙 庙 庙 庙 庙 册 闪闪 闪闪 闪闪 闪闪 闪闪 闪闪 闪闪 闪闪 太 碳 碳 太 大大 磊磊 大 大 大 大 大 大 


如 果 网 站 要 上 传 到 远程 服务 器 端 ， 则 需要 对 数据 库 的 路 径 进 行 更 改 ， 具 体 方 
法 请 参考 5.7 节 。 
EEP)% 在 Dreamweaver CS6 界面 中 选择 【文件 】 一 【保存 】 菜 单 命令 ,保存 该 文档 ， 


完成 数据 库 的 连接 。 


5.3 ”用户 登录 模块 的 设计 


本 节 主 要 介绍 用 户 登录 模块 的 制作 。 在 该 模块 中 ， 包 括 登 录 页 面 、 登 录 失 败 与 登录 成 功 





页 面 等 。 











5.3.1 


在 访问 用 户 管理 系统 时 ， 首 先 要 进行 身份 验证 ， 这 个 功能 要 靠 登 录 页 面 来 实现 。 所 以 登 
录 页 面 中 必须 有 要 求 用 户 输入 用 户 名 和 密码 的 文本 框 ， 


登录 页 面 


以 及 输入 完成 后 进行 登录 的 【登录 】 


按钮 ， 以 及 输入 错误 后 重新 设置 用 户 名 和 密码 的 【 重 置 】 按 钮 。 


制作 登录 页 面 的 操作 步骤 如 下 。 

EDp index.asp 页 面 是 用 户 登 录 系统 的 首页 。 打 开 前 面 创建 的 index.asp 页 面 ， 输 入 网 
页 标题 “网 上 菜市 场 ”， 然 后 选择 【文件 】 一 【保存 】 菜 单 命令 将 网 页 标题 保存 ， 
如 图 5-23 所 示 。 

ED 选择 【修改 】-> 【页面 属性 】 菜 单 命令 ,在 【背景 颜色 】 文 本 框 中 输入 颜色 值 
为 #CCCCCC， 在 【上 边 距 】 文 本 框 中 输入 0， 这 样 设置 的 目的 是 为 了 让 页 面 的 第 一 
个 表格 能 置顶 到 上 边 ， 如 图 5-24 所 示 。 
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图 5-23 创建 index.asp 页 面 图 5-24 【页 面 属性 】 对 话 框 


EEC) 设置 完成 后 单 击 【 确 定 】 按 钮 ， 进 入 文档 窗口 。 选 择 【 插 入 】 一 【表格 】 菜 单 
命令 ,打开 【表格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 需要 插入 表格 的 行 数 ， 这 里 
输入 3。 在 【 列 】 文 本 框 中 输入 需要 插入 表格 的 列 数 ， 这 里 输入 3。 在 【表格 宽度 】 
文本 框 中 输入 775 像素 ， 【边框 粗 细 】【 单 元 格 边 距 】 和 【单元 格 间 距 】 都 为 0， 
如 图 5-25 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 这 样 就 在 文档 窗口 中 插入 了 一 个 3 行 3 列 的 表格 。 将 鼠标 
指针 放置 在 第 1 行 单元 格 中 ， 在 【属性 】 面 板 中 单 击 【 合 并 所 选单 元 格 ， 使 用 跨 
度 】 按 钮 回 ， 将 第 1 行 单元 格 合并 。 再 选择 【插入 】 一 【图 像 】 菜 单 命令 ， 打 开 
【选择 图 像 源 文件 】 对 话 框 ， 在 站 点 images 文件 夹 中 选择 图 片 01.gif， 如 图 5-26 所 示 。 

EC) 单 击 【确定 】 按 钮 ， 即 可 在 表格 中 插入 此 图 片 ， 将 鼠标 指针 放置 在 第 3 行 菜单 
格 中 ， 在 【属性 】 面 板 中 单 击 【合并 所 选单 元 格 ， 使 用 跨度 】 按 钮 四， 将 第 3 行 所 
有 单元 格 合并 。 再 选择 【插入 】 一 【图 像 】 菜 单 命令 ， 打 开 【 选 择 图 像 源 文件 】 对 
话 框 ， 在 站 点 images 文件 夹 中 选择 图 片 05.gif， 插 入 一 个 图 片 ， 效 果 如 图 5-27 所 示 。 

EEC 插入 图 片 后 ， 选 择 整个 表格 ， 在 【属性 】 面 板 上 【对 齐 】 下 拉 列 表 框 中 选择 
“居中 对 齐 ” 选 项 ， 让 插入 的 表格 居中 对 齐 ， 如 图 5-28 所 示 。 

四 TX 把 指针 移 至 表格 第 2 行 第 1 列 ， 在 【属性 】 面 板 中 设置 高 度 为 456 像素 ， 宽 度 
为 195 像素 (高 度 和 宽度 是 根据 背景 图 像 而 定 )， 在 【垂直 】 下 拉 列 表 框 中 选择 “项 
端 ”。 再 将 指针 移 至 这 一 列 中 ， 单 击 宇 堆 按钮 ， 在 <td> 中 输入 background="/images/02.gif'， 
设置 这 一 列 中 的 背景 图 像 ， 如 图 5-29 和 图 5-30 所 示 。 
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5-25 设置 【表格 】 属 性 图 5-26 【选择 图 像 源 文件 】 对 话 框 














Dw WW 0° Sr 
HA RD BBV AN IM] Ross tal PCW) I 











OI 
\ | a | 网 


A 


Sn OB ss 
4 



























他 m9， 更 oo 信守] 





第 高 0) 0 对 开罗 [ 医 中 对 并 =】 关上 大 










































































- ac | Re im | 
回民 叶 | |]oe 
Bb 
5-27 ”插入 图 片 效果 
行 由 3 | 宽 mD 300 |[ 仿 素 >| 填充 Q) 0 ”对 齐 内 [居中 对 齐 | 类 名) 无 - 
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图 5-28 设置 居中 对 齐 
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5-29 ”插入 图 片 
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四 TBY 在 表格 的 第 2 行 第 2 列 和 第 3 列 中 ， 分 别 插入 站 点 images 文件 夹 中 的 图 片 
03.gif 和 04.gif， 完 成 网 页 的 结构 搭建 ， 如 图 5-31 所 示 。 



































5-31 ”完成 的 网 页 背景 效果 


本 TB 单 击 第 2 行 第 1 列 单元 格 ， 然 后 再 单 击 文档 窗口 上 的 [ 拆 分 | 按钮， 进入 文档 窗口 
的 拆 分 视图 。 在 <tt> 和 </td> 之 间 输 入 valign="top" 命 令 (表格 文字 和 图 片 的 相对 摆 放 
位 置 ， 可 选 值 为 ttp，middle，bottom， 其 中 valign="top" 表示 单元 格 内 容 位 于 本 单 
元 格 的 顶部 ;valign="middle" 表 示 单 元 格 内 容 位 于 本 单元 格 的 中 部 ;valign="bottom" 
表示 单元 格 内 容 位 于 本 单元 格 的 底部 )， 表 示 让 鼠标 指针 能 够 自动 地 贴 至 该 单元 格 的 
最 顶部， 设置 如 图 5-32 所 示 。 
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2. 写 入 贴 至 单元 
格 最 顶部 代码 
valign="top" 


es/ Woe 关口 | 





|。waD 



















5-32 设置 单元 格 的 对 齐 方式 为 顶部 


EEC 单 击 文档 窗口 上 的 【设计 】 按 钮 ， 返 回 设计 视图 ， 将 指针 放置 在 刚 创建 的 表格 
当中 ， 然 后 选择 【插入 】 一 【表单 】 一 【表单 】 菜 单 命令 ， 如 图 5-33 所 示 。 
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5-33 ”选择 【表单 】 菜 单 命令 


EECDD 将 鼠标 指针 放置 在 该 表单 中 ， 选 择 【插入 】 一 【表格 】 菜 单 命令 ， 打 开 【 表 
格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 5S， 在 【 列 】 文 本 框 中 输入 2， 在 【表格 宽 
度 】 文 本 框 中 输入 179 像素 ， 单 击 【 确 定 】 按 钮 ， 在 该 表单 中 插入 5 行 2 列 的 表 
格 ， 如 图 5-34 所 示 。 
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v] 画 转 459 x 226v 156 下 
[<Yiom|] 格式 中 无 了 类 无 - BI 
本 css 五 四 无 刘 辣 四 

| 单元 格 。 水 平 [只 EL 不 损 行 0) 门 ”背景 所 色 
一 口 天 本 区 “| 高 0 村 是 9) 癌 


























图 5-34 插入 表格 
EEP 拖 动 鼠标 分 别 选择 第 1 行 和 第 4 行 单元 格 ， 并 分 别 在 【属性 】 面 板 中 单 击 【 合 
并 所 选单 元 格 ， 使 用 跨度 】 按 钮 加 ， 将 这 几 行 单元 格 进行 合并 。 然 后 在 表格 的 第 1 


行 中 输入 文字 “用 户 登录 ”， 并 在 【属性 】 面 板 中 设置 该 文字 的 大 小 、 颜 色 以 及 单 
元 格 的 背景 颜色 等 ， 设 置 效果 如 图 5-35 所 示 。 


目标 规则 #tornl table tr t ~ 
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图 5-35 设置 表格 属性 
区 了 BY 在 表格 第 2 行 第 1 列 中 输入 文字 说 明 “ 用 户 名 ”， 在 第 2 行 第 2 列 中 选择 【 插 
入 】 一 【表单 】 一 【文本 域 】 菜 单 命令 ， 插 入 一 个 单行 文本 域 表 单 对 象 ， 并 定义 文 
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本 域名 为 username， 文 本 域 属性 设置 及 效果 如 图 5-36 所 示 。 








尾 性 
于 文本 域 字符 宽度 多 17 类 型 回 单 行 6) 。” 口 多 行 局 密码 吕 ) 类 CC) 无 = 
sernam 最 多 字符 数 | 初 冶 值 中 ] 多 














图 5-36 输入 “用 户 名 ”和 插入 文本 域 的 设置 
5 因 文本 域 的 属性 说 明 如 下 。 
A @ 【文本 域 〗 文 本 框 : 在 【文本 域 〗 文 本 框 中 为 文本 域 指定 一 个 名 称 。 每 
个 文本 域 都 必须 有 一 个 唯一 名 称 。 名 称 中 不 能 包含 空格 或 特殊 字符 ， 可 
以 使 用 字母 、 数 字 、 字 符 和 下 划 线 (_) 的 任意 组 合 。 请 注意 ， 为 文本 域 指 
定 的 标签 是 将 存储 该 域 的 值 (输入 的 数据 ) 的 变量 名 ， 这 是 发 送 给 服务 器 
进行 处 理 的 值 。 
@ 【字符 宽度 〗: 设置 域 中 最 多 可 显示 的 字符 数 。 
@ 【最 多 字符 数 〗: 指定 在 域 中 最 多 可 输入 的 字符 数 ， 如 果 保留 为 空白 ， 
则 输入 不 受 限 制 。 
@ 【类 型 〗: 用 于 指定 文本 域 是 单行 、 多 行 还 是 密码 。 单 行文 本 域 只 能 显 
示 一 行文 字 ; 多 行 则 可 以 输入 多 行文 字 ， 达 到 字符 宽度 后 换行 ; 密码 文 
本 域 则 用 于 输入 密码 。 
@ 【初始 值 〗: 指定 在 首次 载 入 表单 时 ， 域 中 显示 的 值 。 
@ 【类 】: 可 以 将 CSS 规则 应 用 于 对 象 。 
EC 在 第 3 行 第 1 列 单元 格 中 输入 文字 “登录 密码 ”， 在 第 3 行 第 2 列 中 选择 【 插 
入 】 一 【表单 】 一 【文本 域 】 菜 单 命 令 ， 插 入 密码 文本 域 表 单 对 象 ， 定 义 文本 域名 
为 password， 文 本 域 属性 设置 及 此 时 的 效果 如 图 5-37 所 示 。 
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画 二 - 字符 艳 度 mi， 基 型 口 单行 6) 口交 行 。 密友 PF) 类 中 无 -~ 
[password 最 多 字符 数 。 ”初始 值 ) | Jj 
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口 R 次 四 








插入 一 个 名 为 
password 密码 
文本 域 








图 5-37 ”密码 文本 域 的 设置 
EEDD 选择 第 4 行 单元 格 ， 选 择 【插入 】 一 【表单 】 一 【按钮 】 菜 单 命令 两 次 ， 插 入 


两 个 按钮 ， 并 分 别 在 【 属性】 面板 中 进行 属性 变更 ， 一 个 为 登录 时 用 的 【提交 表 
单 】 选 项 ， 一 个 为 【 重 设 表单 】 选 项 ， 属 性 的 设置 如 图 5-38 所 示 。 





J 元 值 ) 说 录 动作 回 提交 表单 6) 中 无 D 类 C5) 无 ~ 
batton | 总 重 设 表单 四 














J 摘 各 和 值 w) 重 轩 动作 口 提交 表单 6) 口 无 用 类 加 无 ~ 
bottonz | 辐 重 设 表单 四 ) 








5-38 ”设置 按钮 属性 


基于 合并 第 5 行 单元 格 ， 在 第 5 行 输 入 “注册 新 用 户 ” 文 本 。 选 中 这 几 个 字 ， 然 后 
选择 【插入 】 一 【超级 链接 】 菜 单 命令 ， 打 开 【 超 级 链接 】 对 话 框 ， 在 其 中 将 【 目 
标 】 设 置 为 blank， 这 样 可 以 在 新 窗口 中 打开 页 面 ; 然后 设置 【链接 】 对 象 为 用 户 
注册 页 面 register.asp， 以 方便 用 户 注 册 ， 效 果 如 图 5-39 所 示 。 











图 5-39 ”建立 链接 


EEC 如 果 己 经 注册 的 用 户 忘记 了 密码 ， 还 希望 以 其 他 方式 重新 获得 密码 ， 可 以 在 表 
格 的 第 4 列 中 输入 “ 找 回 密码 ”文本 ， 并 设置 一 个 转 到 密码 查询 页 面 
lostpassword.asp 的 链接 对 象 ， 方 便 用 户 找 回 密码 ， 如 图 5-40 所 示 。 


文本 找 回 密码 
莹 接 : lostpassword. asp 
日 标 : biank = 











是 找 右 宣 码 
访问 性 
ab 刍 过 引 - 

















图 5-40 ”密码 找 回 设置 
EC 表单 编辑 完成 后 ， 下 面 来 编辑 该 网 页 的 动态 内 容 ， 使 用 户 可 以 通过 该 网 页 中 的 


表单 实现 登录 功能 。 打 开 【 服 务 器 行为 】 面 板 ， 单 击 因 按钮， 选择 【用 户 身份 验 
证 】 一 【登录 用 户 】 菜 单 命令 ， 如 图 5-41 所 示 ， 向 该 网 页 添加 【登录 用 户 】 的 服务 
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器 行为 。 


EEEB 此 时 ， 打 开 【 登 录用 户 】 对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 。 


从 【从 表单 获取 输入 】 下 拉 列 表 框 中 选择 该 服务 器 行为 使 用 网 页 中 的 forml 对 象 ， 
设 定 该 用 户 登 录 服 务 器 行为 的 用 户 数据 来 源 为 表单 对 象 中 访问 者 填写 的 内 容 。 

从 【用 户 名 字段 】 下 拉 列 表 框 中 选择 文本 域 username 对 象 ， 设 定 该 用 户 登录 服务 器 
行为 的 用 户 名 数据 来 源 为 表单 的 username 文本 域 中 访问 者 输入 的 内 容 。 

从 【密码 字段 】 下 拉 列 表 框 中 选择 文本 域 password 对 象 ， 设 定 该 用 户 登 录 服 务 器 行 
为 的 用 户 名 数据 来 源 为 表单 的 password 文本 域 中 访问 者 输入 的 内 容 。 

从 【使 用 连接 验证 】 下 拉 列 表 杠 中， 选择 用 户 登 录 服 务 器 行为 使 用 的 数据 源 连 接 对 
象 为 user。 

从 【表格 】 下 拉 列 表 杠 中， 选择 该 用 户 登 录 服务 器 行为 使 用 到 的 数据 库 表 对 象 为 
member。 

从 【用 户 名 列 】 下 拉 列 表 框 中 ， 选 择 表 member 存储 用 户 名 的 字段 为 username。 

从 【密码 列 】 下 拉 列 表 框 中 ， 选 择 表 member 存储 用 户 密码 的 字段 为 password。 

在 【如 果 登 录 成 功 ， 转 到 】 文 本 框 中 输入 welcome.asp， 登 录 成 功 后 ， 转 向 
welcome.asp 页 面 。 

在 【如 果 登 录 失 败 ， 转 到 】 文 本 框 中 输入 loginfailasp ， 登 录 失 败 后 ， 转 向 
loginfail.asp 页 面 。 

选择 【基于 以 下 项 限制 访问 】 后 面 的 “用 户 名 、 密 码 和 访问 级 别 ” 单 选 按钮 ， 设 定 
后 面 将 根据 用 户 的 用 户 名 、 密 码 及 权限 级 别 共同 决定 其 访问 网 页 的 权限 。 

从 【获取 级 别 自 】 下 拉 列 表 框 中 ， 选 择 authority 字段 ， 表 示 根 据 authority 字段 的 数 
字 来 确定 用 户 的 权限 级 别 。 


设置 完成 后 的 对 话 框 如 图 5-42 所 示 。 
















































































转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 失 败 ， 转 到 : lotinfail. asp 本 








基于 以 下 项 限制 访问: 用户 各 和 密码 
画 用 广 名 、 密 码 和 访问 级别 
区 康 弘 别 自 :authority 站 

















5-41 选择 【登录 用 户 】 命 令 图 5-42 【登录 用 户 】 对 话 框 


EEPD 设置 完成 后 ， 单 击 【确定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 。 在 【服务 





器 行为 】 面 板 中 就 增加 了 一 个 “登录 用 户 ” 行 为 ， 如 图 5-43 所 示 。 


[es 


E 敬 区》 表单 对 象 对 应 的 【属性 】 面 板 的 【动作 】 属 性 值 如 图 5-44 所 示 ， 为 <%=MM_ 
LoginAction%>。 它 的 作用 就 是 实现 用 户 登 录 功 能 ， 这 是 Dreamweaver CS6 自动 生成 
的 一 个 动作 代码 。 
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EF 
图 表单 功 动作 [Gm Loginkctionxy | 已 目标 中 ~ 类 加 无 
二 ie | A FOT 本 编 吧 类 型 本 

5-43 【服务 器 行为 】 面 板 图 5-44 ”表单 对 应 的 【属性 】 面 板 


EEZ 选择 【文件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 ， 完 成 网 站 的 
首页 制作 ， 首 页 设计 的 最 终 效果 如 图 5-45 所 示 。 
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图 5-45 首页 设计 的 最 终 效果 


5.3.2 ”登录 失败 和 登录 成 功 页 面 


当 用 户 输入 的 登录 信息 不 正确 时 ， 就 会 转 到 loginfail.asp 页 面 ， 显 示 登 录 失败 的 信息 。 如 
果 用 户 输入 的 登录 信息 正确 ， 就 会 转 到 welcome.asp 页 面 ， 显 示 登 录 成 功 的 信息 。 

制作 登录 失败 页 面 的 操作 步骤 如 下 。 

EC 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 列 表 框 中 选 
择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 
loginfail.asp 的 网 页 并 保存 ， 如 图 5-46 所 示 。 

ED 登录 失败 页 面 设计 ， 如 图 5-47 所 示 ， 在 文档 窗口 中 选中 “这 里 ”链接 文本 ， 加 
入 链接 index.asp， 将 其 设置 为 指向 index.asp 页 面 的 链接 。 

EC) 选择 【文件 】 一 【保存 】 菜 单 命令 ， 完 成 loginfailasp 页 面 的 创建 。 
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登录 失败 


A 登录 失败 ,请 检查 你 填写 的 用 户 名 的 密码 是 否 正确 + 
NN | eh 请 单 击 这 里 重新 登录 4 


图 5-46 【另存 为 】 对 话 框 5-47 ”登录 失败 页 面 loginfail.asp 


制作 登录 成 功 页 面 的 操作 步骤 如 下 。 

四 于 YP 选择 【文件 】 一 【新 建 】 菜 单 命 令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 
一 个 名 为 welcome.asp 的 网 页 并 保存 。 

ED 用 类 似 的 方法 制作 登录 成 功 页 面 的 静态 部 分 ， 如 图 5-48 所 示 。 

四 于 BY 选择 【窗口 】 一 【 绑 定 】 菜 单 命令 ， 打 开 【 绑 定 】 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【阶段 变量 】 菜 单项 ， 为 网 页 定义 一 个 阶段 变量 ， 如 图 5-49 
































所 示 。 

半生 

[0 ~ sr viseript 
记录 集 (下 询 | 
ER 

欢迎 你 : XXX Me 
图 5-48 ”欢迎 界面 的 效果 图 5-49 添加 阶段 变量 
za 【 绑 定 】 面 板 中 部 分 选项 的 说 明 如 下 。 
SEE @ 记录 集 (查询 ): 用 来 绑 定 数据 库 中 的 记录 集 ， 需 选择 要 绑 定 的 数据 源 、 


数据 库 以 及 一 些 变 量 ， 用 于 记录 的 显示 和 查询 。 

@ 命令 (预存 过 程 ): 在 【命令 〗 对 话 框 中 有 更 新 、 删 除 等 命令 ， 选 择 这 个 
命令 主要 是 为 了 让 数据 库 里 的 数据 保持 最 新 状态 。 

@ ”请 求 变量 : 用 于 定义 动态 内 容 源 ， 从 【类 型 〗 子 菜单 中 选择 一 个 请 求 集 
合 。 例 如 要 访问 Request.ServerVariables 集合 中 的 信息 ， 则 选择 “服务 
器 变量 ”。 如 果 要 访问 RequestForm 集合 中 的 信息 ， 则 选择 “表单 ”。 
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@ ”阶段 变量 : 阶段 变量 提供 了 一 种 对 象 ， 通 过 这 种 对 象 ， 用 户 信 息 得 以 存 
储 ， 并 使 该 信息 在 用 户 访问 的 持续 时 间 中 对 应 用 程序 的 所 有 页 都 可 用 。 
阶段 变量 还 可 以 提供 一 种 超时 形式 的 安全 对 象 ， 这 种 对 象 在 用 户 账户 长 
时 间 不 活动 的 情况 下 ， 终 止 该 用 户 的 会 话 。 如 果 用 户 忘记 从 Web 站 点 
注销 ， 这 种 对 象 还 会 释放 服务 器 内 存 和 处 理 资 源 。 


EEC 打开 【阶段 变量 】 对 话 框 。 在 【名 称 】 文 本 框 中 输入 阶段 变量 的 名 称 
MM username， 如 图 5-50 所 示 。 

EEIep 设置 完成 后 ， 单 击 【 确 定 】 按 钮 ， 在 文档 窗口 中 通过 拖 动 鼠标 选择 
XXXxXxxX 文 本 ,然后 在 【 绑 定 】 面 板 中 选择 MM_username 变量 ， 再 单 击 【 绑 
定 】 面 板 底部 的 【插入 】 按 钮 ， 将 其 插入 到 该 文档 窗口 中 设 定 的 位 置 。 插 入 完毕 ， 
可 以 看 到 X xX X X X X 文 本 被 {Session.MM_username} 占 位 符 代 替 ， 如 图 5-51 所 示 。 


这 样 ， 就 完成 了 阶段 变量 的 添加 工作 。 NN 


名 称 JILusernane M RN 
图 5-50 【阶段 变量 】 对 话 框 图 5-51 插入 后 的 效果 


sm 设计 阶段 变量 的 目的 ， 是 在 用 户 登录 成 功 后 ， 登 录 界 面 中 直接 显示 用 户 的 名 
SS 。 字 ， 使 网 页 更 有 亲切 感 。 


本 TY 在 文档 窗口 中 拖 动 鼠 标 选中 “注销 你 的 用 户 ” 链 接 文 本 。 选 择 【 窗 口 】 一 【 服 
务 器 行为 】 菜 单 命 令 ， 在 【服务 器 行为 】 面 板 中 选择 【用 户 身份 验证 】 一 【注销 用 
户 】 菜 单项 ， 为 所 选中 的 文本 添加 一 个 注销 用 户 的 服务 器 行为 ， 如 图 5-52 所 示 。 

EEC 打开 【注销 用 户 】 对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 。 

e@ 【在 以 下 情况 下 注销 】 用 于 设置 注销 的 时 机 。 本 例 选中 【 单 击 链接 】 单 选 按 钮 ， 并 
在 右边 的 下 拉 列 表 框 中 选择 “注销 你 的 用 户 ”， 这 样 当 用 户 在 页 面 中 单 击 “ 注 销 你 
的 用 户 链接 ”时 ， 就 选择 注销 操作 。 

@ 【在 完成 后 ， 转 到 】 文 本 框 用 于 设置 注销 后 显示 的 页 面 ， 本 例 在 右 侧 文本 框 中 输入 
logoot.asp， 表 示 注 销 后 转 到 logoot.asp 页 面 ， 完 成 后 的 设置 如 图 5-53 所 示 。 

EC) 设置 完成 后 ， 单 击 【 确 定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 。 在 【服务 
器 行为 】 面 板 中 增加 了 一 个 “注销 用 户 ”行为 ， 如 图 5-54 所 示 。 同 时 可 以 看 到 “ 注 
销 用 户 ” 链 接 文本 对 应 的 【属性 】 面 板 中 的 【链接 】 属 性 值 为 <%=MM _Logout%>， 
它 是 Dreamweaver CS6 自动 生成 的 动作 对 象 。 

区 于 BY logoot.asp 的 页 面 设计 比较 简单 ， 此 处 不 作 详 细 说 明 ， 在 页 面 中 的 文字 “这 里 ” 
处 指定 一 个 链接 到 首页 index.asp 就 可 以 了 ， 效 果 如 图 5-55 所 示 。 
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在 以 下 情况 下 注 多 回 单 击 适 接 :| " 注 稍 你 的 用 户 ” 


卓 页 西 改 入 
在 完成 后 ， 转 到 ogoot. asp 














5-53 【注销 用 户 】 对 话 框 


4 让 四 -| 二 hatpynocalhosmemberioooo B D -dx 0 
EE 四 硬 
文件 (总 (和音 看 V) 收藏 实 A) 工具 (帮助 (H) 


























谢谢 你 的 访问! 您 已 安全 通 出 1 
重新 开 录 请 单 击 这 里 。 


志 essiol 














图 5-54 【服务 器 行为 】 面 板 图 5-55 ”注销 用 户 页 面 设计 效果 


EEC 选择 【文件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 。 编 辑 工作 完 
成 后 ， 就 可 以 测试 该 用 户 登 录 系 统 的 选择 情况 了 。 文 档 中 的 “修改 你 的 资料 ”文本 
链接 到 userupdate.asp 页 面 ， 此 页 面 将 在 后 面 的 修改 中 进行 介绍 。 


5.3.3 ”用户 登录 系统 功能 的 测试 


制作 好 一 个 系统 后 ， 需 要 测试 无 误 ， 才 能 上 传 到 服务 器 以 供 使 用 。 下 面 就 对 登录 系统 进 
行 测试 ， 步 又 如 下 。 

国 于 DD 打开 I 下 浏览 器 ， 在 地 址 栏 中 输入 http://127.0.0.1/index.asp， 打 开 index.asp 页 
面 ， 如 图 5-56 所 示 。 在 【用 户 名 】 和 【登录 密码 】 文 本 框 中 输入 用 户 名 及 登录 密 
码 ， 输 入 完毕 ， 单 击 【 登 录 】 按 钮 。 

ED 如 果 填 写 的 登录 信息 是 错误 的 ， 或 者 根本 就 没有 输入 ， 则 浏览 器 就 会 转 到 登录 
失败 页 面 loginfailasp， 显 示 登 录 错 误 信息 ， 如 图 5-57 所 示 。 

EEC) 如 果 输 入 的 登录 信息 都 正确 ， 则 显示 登录 成 功 页 面 。 这 里 输入 的 是 前 面 数据 库 
设置 的 用 户 admin， 登 录 成 功 后 的 页 面 如 图 5-58 所 示 ， 其 中 显示 了 用 户 名 admin。 

EEC 如 果 想 注销 用 户 ， 只 需要 单 击 “ 注 销 你 的 用 户 ” 超 链接 即 可 ， 注 销 用 户 后 ， 浏 
览 器 就 会 转 到 页 面 logootasp， 然 后 单 击 文字 “这 里 ” 回 到 首页 ， 如 图 5-59 所 示 。 


至 此 ， 登 录 功 能 就 测试 完成 了 。 




















GT © 


安全 /方便 /放心 ! | 
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5-57 ”登录 失败 页 面 

















让 食堂 采购 更 加 简单 ] 
a [OG mo/nmooro  p- nox] re 











谢谢 你 的 访问 ! 您 已 安全 退出 ! 





重新 登录 请 单 击 这 里 * 








图 5-58 登录 成 功 页 面 图 5-59 ”注销 用 户 页 面 设计 


5.4 用 户 注册 模块 的 设计 


用 户 登录 系统 是 供 数据 库 中 已 有 的 老 用 户 登 录用 的 ， 一 个 用 户 管理 系统 还 应 该 提供 新 用 
户 注册 页 面 。 对 于 新 用 户 来 说 ， 通 过 单 击 index.asp 页 面 上 的 “注册 新 用 户 ” 超 链接 ， 进 入 到 
名 为 register.asp 的 页 面 ， 在 该 页 面 可 以 实现 新 用 户 注册 功能 。 


5.4.1 用 户 注册 页 面 


register.asp 页 面 主要 实现 用 户 注册 的 功能 ， 用 户 注册 的 操作 就 是 向 membermdb 数据 库 的 
member 表 中 添加 记录 的 操作 。 
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具体 的 操作 步骤 如 下 。 

七 选择 【文件 】-* 【新建 】 菜 单 命令 ,打开 【新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 
一 个 名 为 register.asp 的 网 页 并 保存 。 

EEJPp 在 Dreamweaver CS6 中 使 用 制作 静态 网 页 的 工具 完成 如 图 5-60 所 示 的 静态 部 
分 ， 这 里 要 说 明 的 是 注册 时 需要 加 入 一 个 隐藏 区 域 并 命名 为 authority， 设 置 默认 值 


























图 5-60 register.asp 页 面 静态 设计 


EEC 还 需要 设置 一 个 验证 表单 的 动作 ， 用 来 检查 访问 者 在 表单 中 填写 的 内 容 是 否 满 
足 数据 库 中 表 member 中 字段 的 要 求 。 在 将 用 户 填 写 的 注册 资料 提交 到 服务 器 之 
前 ， 就 会 对 用 户 填 写 的 资料 进行 验证 。 如 果 有 不 符合 要 求 的 信息 ， 可 以 向 访问 者 显 
示 错 误 的 原因 ， 并 让 访问 者 重新 输入 。 

四 YY 选择 【窗口 】 一 【行为 】 菜 单 命令 ， 打 开 【 行 为 】 面 板 ， 单 击 【 行 为 】 面 板 中 
的 四 按 钮 ， 从 打开 的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 
如 图 5-61 所 示 。 






1. 在 此 选择 需要 





a 四 azwnat © 用 于 限制 填写 内 容 
的 形式 





图 5-61 【检查 表单 】 对 话 框 


Se 本 例 中 ， 设 置 username 文本 域 、password 文本 域 、passwordl 文本 域 、 
answer 文本 域 、truename 文本 域 、address 文本 域 为 【 值 : 必需 的 〗】，【 可 接受 : 
任何 东西 〗】， 即 这 几 个 文本 域 必 须 填 写 ， 内 容 不 限 ， 但 不 能 为 空 ; tel 文本 域 和 
QQ 文本 域 设置 的 验证 条 件 为 【 值 : 必需 的 〗】，【 可 接受 : 数字 〗， 表 示 这 两 个 
文本 域 必须 填写 数字 ， 不 能 为 空 ; E-mail 文本 域 的 验证 条 件 为 【 值 : 必需 的 】， 
【可 接受 : 电子 邮件 地 址 〗4， 表 示 该 文本 域 必 须 填 写 电 子 邮件 地 址 ， 且 不 能 
为 空 。 
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ED 设置 完成 后 ， 单 击 【确定 】 按 钮 ， 完 成 对 检查 表单 的 设置 。 
ED) 在 文档 窗口 中 单 击 【 代 码 】 按 钮 ， 转 到 代码 视图 ， 验 证 表单 动作 的 源 代码 
如 下 : 


<script type="text/javascript"> 
function MM validateForm() { //v4.0 
if (document .getElementById){ 
var i,pqnm,test,num,min,max,errors="''"',args=MM validateForm.arguments; 
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; 
val=document .getElementById(args[i]); 
if (val) { nm=val.name; if ((val=val.value)!="") { 
if (test.indexOof('isEmail')!=-1) { p=val.indexOf ('@'); 
if (p<l1 || p==(val.length-1)) errors+='— '+nm+' must Contain an e- 
mail address.\n'; 
} else if (test!='R') { num = parseFloat (val); 
if (isNaN(val)) errors+=!- '+nm+' must contain a number.\n'; 
if (test.indexOof('inRange') != -1) { p=test.indexof(':'); 
min=test.substring(8,p); max=test.substring (p+1); 
- "+nm+' must contain a number 
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if (num<min || max<num) errors+= 
between '+min+' and '+max+t'.\n'; 
} } } else if (test.charAt (0) == 'R') errors += !- '‘'+nm+' is 

required.\n'; } 

} if (errors) alert('The following error(s) occurred:\n'+errors); 

document .MM returnValue = (errors == ''); 
类 强 
</script> 


代码 修改 如 下 : 


<script type="text/JavaScript"> 
/ /宣告 脚本 语言 为 Javascript 
二 二 一 
function MM findobj(n，d) { //v4.01 

Var pi,x; if(!d) d=document; if((p=n.indexof ("?") ) >0&&parent .frames . 
length) { 

d=parent .frames [n.substring (p+1)] .document; n=n.substring(0,p);} 

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d. 
forms[i][n]; 

for (i=0; Ix&&d.layersg&i<d.layers.length;i++) x=MM findobj (n,d.layers[i]. 
document); 

if(!x && d.getElementById) x=d.getElementById(n); return x; 





: 
// 定 义 创建 对 话 框 的 基本 属性 
function MM validateForm() { //v4.0 
Var i,pqnm,test,num,min,max,errors=''"',args=MM validateForm.arguments; 
// 检 查 提交 表单 的 内 容 


for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; 
val=MM findobj (args[i]); 
if (val) { nm=val.name; if ((val=val.value)!="") { 
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if (test.indexof('isEmail')!=-1) { p=val.indexOof('@'); 
if (p<1l || p==(val.length-1)) errors+='- '+nm+' 需要 输入 邮箱 地 址 .\n'; 


// 如 果 提交 的 邮箱 地 址 表单 中 不 是 邮件 格式 则 显示 为 “需要 输入 邮箱 地 址 ” 
} else if (test!='R') { num = parseFloat (val) 7 
if (isNaN(val)) errors+='- '+nm+' 需要 输入 数字 .\n'; 
// 如 果 提 交 的 电话 表单 中 不 是 数字 则 显示 为 “需要 输入 数字 ” 
if (test.indqexof ('inRange') != -1) { p=test.indexOf(':"'); 
min=test.substring (8,p); max=test.substring (p+1); 
if (num<min || max<num) errors+='— '+nmt+' 
需要 输入 数字 '+min+' and '+max+'.\n'; 
// 如 果 提 交 的 QQ 表单 中 不 是 数字 则 显示 为 “需要 输入 数字 ” 
} } } else if (test.charAt(0) == 'R') errors += '— ‘'+nmt+' 需要 输入 .\n'; } 
// 如 果 提 交 的 地 址 表单 为 空 则 显示 为 “需要 输入 ” 
} if (MM findobj ('password') .value!=MM findobj ('password1') .Value) errors += 
'- 两 次 密码 输入 不 一 致 \n'; 
if (errors) alert(' 注 册 时 出 现 如 下 错误 :\n'+errors); 
document .MM returnValue = (errors == ''); 
// 如 果 出 错时 将 显示 “注册 时 出 现 如 下 错误 : ” 
} 
MW 
</script> 


编辑 代码 完成 后 ， 单 击 工 具 栏 上 的 【设计 】 按 钮 ， 返 
回 到 设计 视图 。 此 时 ， 可 以 测试 一 下 选择 的 效果 ， 使 两 次 





输入 的 密码 不 一 致 ， 单 击 【 提 交 】 按 钮 ， 则 会 打开 一 个 警 ee 


- username 需要 给 入 . 


告 框 ， 图 5-62 中 的 警告 框 告诉 访问 者 两 次 密码 输入 不 一 致 。 

EEIDp 在 该 网 页 中 添加 一 个 “插入 记录 ”的 服务 器 行为 。 选 
择 【 窗 口 】 一 【服务 器 行为 】 菜 单 命令 ， 打 开 【 服 务 器 行 
为 】 面 板 。 单 击 该 面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 
【插入 记录 】 菜 单项 ， 则 会 打开 【插入 记录 】 对 话 框 。 在 
对 话 框 中 进行 如 下 设置 。 

@ ”从 【连接 】 下 拉 列 表 框 中 选择 user 作为 数据 源 连接 对 象 。 

@ ”从 【插入 到 表格 】 下 拉 列 表 框 中 选择 member 作为 使 用 的 
数据 库 表 对 象 。 

e@ 在 【插入 后 ， 转 到 】 文 本 框 中 输入 regok.asp， 设 置 记录 成 功 添加 到 表 member 后 ， 
转 到 regok.asp 网 页 。 

@ ”在 对 话 框 下 半 部 分 ， 将 网 页 中 的 表单 对 象 和 数据 库 中 表 member 中 的 字段 一 一 对 应 
起 来 。 

设置 完成 后 该 对 话 框 如 图 5-63 所 示 。 

EB 设置 完成 后 ， 单 击 【 确 定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 。 此 时 的 设 
计 样 式 如 图 5-64 所 示 。 





5-62 ”警告 框 
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5-63 【插入 记录 】 对 话 框 
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图 5-64 ”插入 记录 后 的 效果 


ED 用 户 名 是 用 户 登 录 的 身份 标志 ， 是 不 能 够 重复 的 ， 所 以 在 添加 记录 之 前 ， 一 定 
要 先 在 数据 库 中 判断 该 用 户 名 是 否 存在 ; 如 果 存 在 ， 则 不 能 进行 注册 。 在 
Dreamweaver CS6 中 提供 了 一 个 检查 新 用 户 名 的 服务 器 行为 ， 单 击 【服务 器 行为 】 
面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】 一 【检查 新 用 户 名 】 菜 单 
项 ， 打 开 【 检 查 新 用 户 名 】 对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 。 

e@ ”在 【用 户 名 字段 】 下 拉 列 表 框 中 选择 username 字段 。 

@ ”在 【如 果 已 存在 ， 则 转 到 】 文 本 框 中 输入 regfailLasp， 表 示 如 果 用 户 名 已 经 存在 ， 则 
转 到 regfail.asp 页 面 ， 显 示 注册 失败 信息 。 该 网 页 将 在 后 面 编辑 。 
设置 完成 后 的 对 话 框 显示 如 图 5-65 所 示 。 
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图 5-65 【检查 新 用 户 名 】 对 话 框 
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Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 %>~ 


EC 设置 完成 后 ， 单 击 该 对 话 框 中 的 【确定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗 
口 。 在 【服务 器 行为 】 面 板 中 增加 了 一 个 “检查 新 用 户 名 ”行为 ， 如 图 5-66 所 示 。 

EC 选择 【文件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 ， 完 成 本 页 的 
制作 。 最 终 的 效果 如 图 5-67 所 示 。 
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图 5-66 【服务 器 行为 】 面 板 图 5-67 注册 页 面 最 终 效果 


5.4.2 ”注册 成 功 和 注册 失败 页 面 


为 了 方便 用 户 登录 ， 应 该 在 regok.asp 页 面 中 设置 一 个 转 到 index.asp 页 面 的 文字 链接 ， 以 
方便 用 户 进行 登录 。 同 时 ， 为 了 方便 访问 者 重新 进行 注册 ， 则 应 该 在 regfail.asp 页 面 设置 一 个 
转 到 register.asp 页 面 的 文字 链接 ， 以 方便 用 户 进行 重新 登录 。 

制作 显示 注册 成 功 和 注册 失败 页 面 信息 的 操作 步骤 如 下 。 

EEC 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 

页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 
一 个 名 为 regok.asp 的 网 页 并 保存 。 

EEJD9 regok.asp 页 面 如 图 5-68 所 示 。 制 作 比 较 简 单 ， 其 中 文字 “这 里 ”设置 为 指向 

index.asp 页 面 的 链接 。 

ERep 如 果 用 户 输入 的 注册 信息 不 正确 或 用 户 名 已 经 存在 ， 则 应 该 向 用 户 显示 注册 失 

败 的 信息 。 这 里 再 新 建 一 个 regfail.asp 页 面 ， 该 页 面 的 设计 如 图 5-69 所 示 。 其 中 
“这 里 ”链接 文本 设置 为 指向 register.asp 页 面 的 链接 。 
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5.4.3 ”用户 注册 功能 的 测试 


设计 完成 后 ， 就 可 以 测试 该 用 户 注册 功能 的 选择 情况 了 ， 上 有 具体 的 操作 步骤 如 下 。 

打开 正 浏览 器 ， 在 地 址 栏 中 输入 http://127.0.0.1/register.asp， 打 开 register.asp 文 
件 ， 如 图 5-70 所 示 。 

EEC 可 以 在 该 注册 页 面 中 输入 一 些 不 正确 的 信息 ， 如 漏 填 username、password 等 必 
填 字 段 ， 或 填写 错误 的 E-mail 地 址 ， 或 在 确认 密码 时 两 次 输入 的 密码 不 一 致 ， 以 测 
试 网 页 中 验证 表单 动作 的 选择 情况 。 如 果 填 写 的 信息 不 正确 ， 则 浏览 器 应 该 打开 警 
告 框 ， 向 访问 者 显示 错误 原因 。 如 图 5-71 所 示 是 一 个 出 错 提示 框 。 
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图 5-70 ”打开 的 测试 页 面 图 5-71 出 错 提示 


EEIey 在 该 注册 页 面 中 注册 一 个 已 经 存在 的 用 户 名 ， 如 输入 admin， 用 来 测试 新 用 户 服 
务 器 行为 的 选择 情况 。 然 后 单 击 【 确 定 】 按 钮 ， 此 时 由 于 用 户 名 已 经 存在 ， 浏 览 器 
会 自动 转 到 regfailasp 页 面 ， 如 图 5-72 所 示 ， 告 诉 访问 者 该 用 户 名 已 经 存在 。 此 
时 ， 访 问 者 可 以 单 击 “ 这 里 ”链接 文本 ， 返 回 register.asp 页 面 ， 以 便 重 新 进行 注册 。 


D4 
141 全 





Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 四 一 一 


EC》 在 该 注册 页 面 中 填写 如 图 5-73 所 示 的 注册 信息 。 
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图 5-72 注册 失败 页 面 显 示 图 5-73 填写 正确 信息 


本 TBY 单 击 【注册 】 按 钮 。 由 于 这 些 注 册 资 料 完全 正确 ， 而 且 这 个 用 户 名 没有 重复 。 
浏览 器 会 转 到 regok.asp 页 面 ， 向 访问 者 显示 注册 成 功 的 信息 ， 如 图 5-74 所 示 。 此 
时 ， 访 问 者 可 以 单 击 “ 这 里 ”链接 文本 ， 转 到 index.asp 页 面 ， 以 便 进 行 登录 。 


N 在 Access 中 打开 用 户 数 据 库 文件 member.mdb， 查 看 其 中 的 member 表 对 象 的 内 
容 。 此 时 可 以 看 到 ， 在 该 表 的 最 后 ， 创 建 了 一 条 新 记录 ， 其 中 的 数据 就 是 刚才 在 网 


页 register.asp 中 提交 的 注册 用 户 的 信息 ， 如 图 5-75 所 示 。 
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图 5-74 
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注册 成 功 页 面 











图 5-75 表 member 中 添加 了 一 条 新 记录 


至 此 ， 基 本 完成 了 用 户 管理 系统 中 注册 功能 的 开发 和 测试 。 在 制作 的 过 程 中 ， 可 以 根据 
制作 网 站 的 需要 适当 加 入 其 他 的 注册 文本 域 。 
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5.5 ”用 户 注 册 资 料 修改 模块 的 设计 


修改 用 户 注册 资料 的 过 程 就 是 在 用 户 数据 表 中 更 新 记录 的 过 程 ， 本 节 重 点 介绍 如 何在 用 
户 管理 系统 中 实现 用 户 资料 的 修改 功能 。 


5.5.1 修改 资料 页 面 


该 页 面 主要 把 用 户 所 有 资料 都 列 出 ， 通 过 【更 新 记录 】 命 令 实现 资料 修改 的 功能 。 具 体 
的 操作 步骤 如 下 。 
EC 首先 制作 用 户 修改 资料 的 页 面 。 该 页 面 和 用 户 注册 页 面 的 结构 十 分 相似 ， 可 以 
通过 对 register.asp 页 面 的 修改 来 快速 得 到 需要 的 记录 更 新 页 面 。 打 开 register.asp 页 
面 ， 选 择 【 文 件 】 一 【另存 为 】 菜 单 命令 ， 将 该 文档 另存 为 userupdate.asp， 如 
图 5-76 所 示 。 
EEIRD) 选择 【窗口 】 一 【服务 器 行为 】 菜 单 命 令 ， 打 开 【 服 务 器 行为 】 面 板 。 在 【 服 
务 器 行为 】 面 板 中 删除 全 部 的 服务 器 行为 并 修改 其 相应 的 文字 ， 该 页 面 修改 完成 
后 ， 如 图 5-77 所 示 。 
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图 5-76 【另存 为 】 对 话 框 5-77 userupdate.asp 静态 页 面 


ECDUB) 选择 【窗口 】 一 【 绑 定 】 菜 单 命令 ， 打 开 【 绑 定 】 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 则 会 打开 【记录 集 】 对 话 框 。 在 
该 对 话 框 中 进行 如 下 设置 。 

在 【名 称 】 文 本 框 中 输入 upuser 作为 该 记录 集 的 名 称 。 

从 【连接 】 下 拉 列 表 框 中 选择 user 作为 数据 源 连 接 对 象 。 

从 【表格 】 下 拉 列 表 框 中 ， 选 择 使 用 的 数据 库 表 对 象 为 member。 

在 【 列 】 选 项 组 中 选择 “全 部 ” 单 选 按钮 。 

在 【筛选 】 栏 中 设置 记录 集 过 滤 的 条 件 为 “usemame=”， 阶 段 变 量 为 
MM _userName。 
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Dreamweaver+ASP 动 态 网 站 开发 


案例 课堂 > 


完成 后 的 设置 如 图 5-78 所 示 。 
ED 设置 完成 后 ， 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 绑 定 。 然 后 将 upuser 记录 集中 
的 字段 绑 定 到 页 面 上 相应 的 位 置 上 ， 如 图 5-79 所 示 。 
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图 5-78 定义 upuser 记录 集 图 5-79 绑 定 动态 内 容 后 的 userupdate.asp 页 面 


EEIRD 对 于 网 页 中 的 单 选 按钮 组 sex 对 象 ， 绑 定 动态 数据 可 以 按照 如 下 方法 : 单 击 【 服 
务 器 行为 】 面 板 上 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 【动态 表单 元 素 】- 一 【动态 单 先 
按钮 】 菜 单项 ， 打 开 【 动 态 单 选 按钮 】 对 话 框 ， 从 【 单 选 按钮 组 】 下 拉 列 表 框 中 选 
择 “sex” 在 表单 “forml”， 如 图 5-80 所 示 。 单 击 【 选 取 值 等 于 】 文 本 框 后 面 的 刍 
按钮 ， 从 打开 的 【动态 数据 】 对 话 框 中 选择 记录 集 upuser 中 的 sex 字段 ， 设 置 完 成 
后 的 对 话 框 如 图 5-81 所 示 。 用 相同 的 方法 设置 【密码 提示 问题 】 的 列表 选项 。 
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图 5-80 【动态 单 选 按钮 】 对 话 框 图 5-81 【动态 数据 】 对 话 框 


EGG》 单 击 【 服 务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【更 新 记录 】 菜 
单 ， 为 网 页 添加 更 新 记录 的 服务 器 行为 ， 如 图 5-82 所 示 。 

EC 打开 【更 新 记录 】 对 话 框 ， 该 对 话 框 与 【插入 记录 】 对 话 框 十 分 相似 ， 具 体 的 
设置 情况 如 图 5-83 所 示 ， 这 里 不 再 重复 。 

EEep 设置 完成 后 ， 单 击 【确定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 ， 然 后 选择 
【文件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 。 
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5-82 ”选择 【更 新 记录 】 菜 单项 5-83 【更 新 记录 】 对 话 框 
5 由 于 本 页 的 MM_username 值 是 来 自 上 一 页 注册 成 功 后 的 用 户 名 值 ， 所 以 单 


半 ”和 独 测试 时 会 提示 出 错 ; 只 有 先 登录 后 ， 在 登录 成 功 页 面 中 单 击 “ 修 改 你 的 资料 ” 
超 链接 到 该 页 面 才 会 产生 效果 ， 这 在 后 面 的 测试 实例 中 将 进行 介绍 。 


5.5.2 更 新 成 功 页 面 


用 户 修改 注册 资料 成 功 后 ， 就 会 转 到 userupdateok.asp。 在 该 网 页 中 ， 应 该 向 用 户 显 示 资 
料 修改 成 功 的 信息 。 除 此 之 外 ， 还 应 该 考虑 两 种 情况 ， 如 果 用 户 要 继续 修改 资料 ， 则 为 其 提 
供 一 个 返回 到 userupdate.asp 页 面 的 超 文本 链接 : 如 果 用 户 不 需要 修改 ， 则 为 其 提供 一 个 转 到 
用 户 登 录 页 面 index.asp 页 面 的 超 文 本 链接 。 
具体 的 制作 步骤 如 下 。 
EECITDps 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【创建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 
一 个 名 为 userupdateok.asp 的 网 页 并 保存 。 

EECD 为 了 向 用 户 提供 更 加 友好 的 界面 ， 应 该 在 网 页 中 显示 用 户 修改 的 结果 ， 以 供用 
户 检查 修改 是 否 正确 。 首 先 应 该 定义 一 个 记录 集 ， 然 后 将 绑 定 的 记录 集 插 入 到 网 页 
中 相应 的 位 置 ， 其 方法 和 制作 页 面 userupdate.asp 一 样 。 通 过 在 表格 中 添加 记录 集中 
的 动态 数据 对 象 ， 把 用 户 修 改 后 的 信息 显示 在 表格 中 ， 具 体操 作 这 里 不 再 详细 说 
明 ， 最 终结 果 如 图 5-84 所 示 。 





[es 


瞧 浇 赚 中 了 台 由 5 内 恒 





pp GG 


145@ 





@ 呈 ”Dreamweaver+ASP 动 态 网 站 开发 
案例 课 党 四- 



































5-84 ”更 新 成 功 的 页 面 


5.5.3 ”修改 资料 功能 的 测试 


编辑 工作 完成 后 ， 就 可 以 测试 该 修改 资料 功能 的 选择 情况 了 。 具 体操 作 步 又 如 下 。 

EECIDp 打开 正 浏览 器 ， 在 地 址 栏 中 输入 http://127.0.0.1/index.asp， 打 开 index.asp 文 
件 。 在 该 页 面 中 进行 登录 。 登 录 成 功 后 进入 welcome.asp 页 面 ， 在 welcome.asp 页 面 
单 击 “修改 你 的 资料 ” 超 链接 ， 转 到 userupdate.asp 页 面 ， 如 图 5-85 所 示 。 

ES 在 该 页 面 中 进行 一 些 修改 ， 然 后 单 击 【修改 】 按 钮 ， 将 修改 结果 发 送 到 服务 器 
中 。 当 用 户 记 录 更 新 成 功 后 ， 浏 览 器 会 转 到 userupdateok.asp 页 面 中 ， 显 示 修 改 资料 
成 功 的 信息 ， 同 时 还 显示 了 该 用 户 修 改 后 的 资料 信息 ， 并 提供 转 到 更 新 成 功 页 面 和 
转 到 主页 面 的 链接 对 象 。 这 里 对 “真实 姓名 ”进行 了 修改 ， 效 果 如 图 5-86 所 示 。 


mn BD nox 
































图 5-85 修改 用 户 注册 资料 图 5-86 更 新 记录 成 功 显示 页 面 


在 Access 中 打开 用 户 数据 库 文件 member.mdb， 查 看 其 中 的 member 表 注册 对 象 
的 内 容 。 此 时 可 以 看 到 ， 对 应 的 记录 内 容 已 经 修改 ， 如 图 5-87 所 示 。 
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数据 表 中 真实 姓名 由 吴宇 也 相应 地 变 为 刘 莉 
































5-87 ” 表 member 中 更 新 了 记录 
上 述 测试 结果 表明 ， 用 户 修改 资料 页 面 已 经 成 功 制作 。 


5.6 ”密码 查询 模块 的 设计 


在 用 户 注册 页 面 中 ， 设 计 有 问题 和 答案 文本 框 ， 它 们 的 作用 是 当 用 户 忘记 密码 时 ， 可 以 
通过 这 个 问题 和 答案 到 服务 器 中 找 回 遗 失 的 密码 。 实 现 的 方法 是 判断 用 户 提供 的 答案 和 数据 
库 中 的 答案 是 否 相 同 ， 如 果 相 同 ， 则 可 以 找 回 遗失 的 密码 。 


5.6.1 密码 查询 页 面 


本 节 主 要 制作 密码 查询 页 面 lostpassword.asp， 具 体操 作 步 骤 如 下 。 

区 TP 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 
一 个 名 为 lostpassword.asp 的 网 页 并 保存 。lostpassword.asp 页 面 是 用 来 让 用 户 提交 要 
查询 遗失 密码 的 用 户 名 的 页 面 。 该 网 页 的 结构 比较 简单 ， 设 计 后 的 效果 如 图 5-88 
所 示 。 




















5-88 lostpassword.asp 页 面 


EC) 在 文档 窗口 中 选中 表单 对 象 ， 然 后 在 其 对 应 的 【属性 】 面 板 【 表 单 ID 】 文 本 框 
中 输入 forml1， 在 【动作 】 文 本 框 中 输入 showquestion.asp 作为 该 表单 提交 的 对 象 页 
面 。 在 【方法 】 下 拉 列 表 框 中 选择 POST 作为 该 表单 的 提交 方式 。 接 下 来 将 输入 用 
户 名 的 【文本 域 】 为 inputname， 如 图 5-89 所 示 。 
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R 读 中 














5-89 设置 表单 提交 的 动态 属性 


人 表单 属性 设置 面板 中 的 主要 选项 作用 如 下 。 
以 @ 在 【表单 ID]】 文 本 框 中 ， 输 入 标识 该 表单 的 唯一 名 称 。 命 名 表单 后 ， 就 
可 以 使 用 脚本 语言 (如 JavaScript 或 VBScript) 引 用 或 控制 该 表单 。 如 果 不 
命名 表单 ， 则 Dreamweaver CS6 使 用 语法 form n 生成 一 个 名 称 ， 并 在 向 
页 面 中 添加 每 个 表单 时 递增 n 的 值 。 
@ 在 【方法 】 下 拉 列 表 框 中 ， 选 择 将 表单 数据 传输 到 服务 器 的 方法 。POST 
方法 将 在 HTTP 请 求 中 嵌入 表单 数据 。GET 方法 将 表单 数据 附加 到 请 求 
该 页 面 的 URL 中 ， 是 默认 设置 ， 但 其 缺点 是 表单 数据 不 能 太 长 ， 所 以 
本 例 选择 POST 方法 。 
% 【目标 〗 下 拉 列 表 框 用 于 指定 返回 窗口 的 显示 方式 ， 各 目标 值 含义 
如 下 。 
_blank: 在 未 命名 的 新 窗口 中 打开 目标 文档 。 
_parent: 在 显示 当前 文档 的 窗口 的 父 窗口 中 打开 目标 文档 。 
_self: 在 提交 表单 所 使 用 的 窗口 中 打开 目标 文档 。 
_top: 在 当前 窗口 的 窗 体内 打开 目标 文档 。 此 值 可 确保 目标 文档 占 
用 整个 窗口 ， 即 使 原始 文档 显示 在 框架 中 。 


当 用 户 在 lostpassword.asp 页 面 中 输入 用 户 名 并 单 击 【提交 】 按 钮 后 ， 会 通过 表单 将 用 户 
名 提交 到 showquestion.asp 页 面 中 ， 该 页 面 的 作用 就 是 根据 用 户 名 从 数据 库 中 找到 对 应 的 记录 
的 提示 问题 并 显示 在 showquestion.asp 页 面 中 ， 用 户 在 该 页 面 中 输入 问题 的 答案 。 
下 面 就 制作 显示 问题 的 页 面 ， 操 作 步 又 如 下 。 
EEJep 新 建 一 个 文档 。 设 置 好 网 页 属性 后 ， 输 入 网 页 标题 “查询 问题 ”， 选 择 【 文 
件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保存 为 showquestion.asp。 
EEJ 在 Dreamweaver CS6 中 制作 静态 网 页 ， 完 成 的 效果 如 图 5-90 所 示 。 
区 于 BY 在 文档 窗口 中 选中 表单 对 象 ， 在 其 对 应 的 【属性 】 面 板 【 动 作 】 文 本 框 中 输入 
showpassword.asp 作为 该 表单 提交 的 对 象 页 面 。 在 【方法 】 下 拉 列 表 框 中 选择 POST 
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作为 该 表单 的 提交 方式 ， 如 图 5-91 所 示 。 接 下 来 将 输入 密码 提示 问题 答案 的 【文本 
域 】 命 名 为 mputanswer。 
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5-91 设置 表单 提交 的 属性 


四 TY 选择 【窗口 】 一 【 绑 定 】 菜 单 命令 ， 打 开 【 绑 定 】 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 。 

EEDp 在 该 对 话 框 中 进行 如 下 设置 。 

e ”在 【名 称 】 文 本 框 中 输入 Recordsetl 作为 该 记录 集 的 名 称 。 

e@ ”从 【连接 】 下 拉 列 表 框 中 选择 user 作为 数据 源 连接 对 象 。 

e@ ”从 【表格 】 下 拉 列 表 框 中 选择 使 用 的 数据 库 表 对 象 为 member。 

® ”在 【 列 】 选 项 组 中 选择 “ 选 定 的 ” 单 选 按钮 ， 然 后 从 下 拉 列 表 框 中 选择 username 和 
question。 

e ”在 【第 选 】 栏 中 ， 设 置 记录 集 过 滤 的 条 件 为 “usemame-”， 表 单 变量 为 inputname， 
表示 根据 数据 库 中 usemame 字段 的 内 容 是 否 和 从 上 一 个 网 页 中 的 表单 中 的 
inputname 表单 对 象 传递 过 来 的 信息 完全 一 致 来 过 滤 记 录 对 象 。 
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完成 后 的 设置 如 图 5-92 所 示 。 
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图 5-92 【记录 集 】 对 话 框 


BY 设置 完成 后 ， 单 击 该 对 话 框 上 的 【确定 】 按 钮 ， 关 闭 该 对 话 框 。 返 回 到 文档 窗 
口 ， 将 Recordsetl 记录 集中 的 question 字段 绑 定 到 页 面 上 相应 的 位 置 ， 如 图 5-93 


所 示 。 
| 将 question 字段 绑 定 


问题 答案 : 到 页 面 上 相应 的 位 置 











图 5-93 ” 绑 定 字段 


ECESRD) 选择 【插入 】 一 【表单 】 一 【隐藏 区 域 】 菜 单 命令 ， 在 表单 中 插入 一 个 表单 隐 
藏 域 ， 然 后 将 该 【隐藏 区 域 】 的 名 称 设置 为 username， 如 图 5-94 所 示 。 


NE 











图 5-94 插入 并 设置 隐藏 区 域 


ED 选中 该 隐藏 区 域 ， 转 到 【 绑 定 】 面 板 ， 将 Recordsetl 记录 集中 的 username 字段 
绑 定 到 该 表单 隐藏 区 域 中 ， 如 图 5-95 所 示 。 

Em 当 用 户 输 入 的 用 户 名 不 存在 时 ， 即 记录 集 Recordsetl 为 空 时 ， 就 会 导致 该 页 
SS 面 不 能 正常 显示 ， 这 就 需要 设置 隐藏 区 域 。 

EC) 在 文档 窗口 中 选中 当 用 户 输入 用 户 名 存在 时 显示 的 内 容 即 整个 表单 ， 然 后 单 击 

【服务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【显示 区 域 】 一 【如 果 记 录 

集 不 为 空 则 显示 区 域 】 菜 单项 ， 打 开 【 如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 在 

该 对 话 框 中 选择 记录 集 对 象 为 Recordsetl ， 如 图 5-96 所 示 。 这 样 只 有 当 记 录 集 

Recordsetl 不 为 空 时 ， 才 显示 出 来 。 设 置 完 成 后 ， 单 击 【 确 定 】 按 钮 ， 关 闭 该 对 话 
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框 ， 返 回 到 文档 窗口 。 
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图 5-95 添加 表单 隐藏 区 域 图 5-96 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 
EE 汪 py 在 网 页 中 编辑 显示 用 户 名 不 存在 时 的 文本 “该 用 户 名 不 存在 ! ”， 并 为 这 些 内 


容 设置 一 个 “如 果 记 录 集 为 空 则 显示 区 域 ”隐藏 区 域 服务 器 行为 ， 这 样 当 记录 集 NN 
Recordsetl 为 空 时 ， 显 示 这 些 文本 。 完 成 后 的 网 页 如 图 5-97 所 示 。 N 


为 页 面 设置 条 
件 显示 区 域 


图 5-97 设置 隐 茂 区 域 
5.6.2 完善 密码 查询 功能 页 面 


当 用 户 在 showquestion.asp 页 面 中 输入 答案 ， 单 击 【 提 交 】 按 钮 后 ， 服 务 器 就 会 把 用 户 名 
和 密码 提示 问题 答案 提交 到 showpassword.asp 页 面 中 。 设 计 该 页 面 的 操作 步骤 如 下 。 

EEC 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 
一 个 名 为 showpassword.asp 的 网 页 并 保存 。 

EEJPy 在 Dreamweaver CS6 中 使 用 提供 的 制作 静态 网 页 的 工具 完成 如 图 5-98 所 示 的 静 
态 部 分 。 

区 TB> 选择 【窗口 】 一 【 绑 定 】 菜 单 命令 ， 打 开 【 绑 定 】 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 。 

EEJRZp 在 该 对 话 框 中 进行 如 下 设置 。 

e@ 在 【名 称 】 文 本 框 中 输入 Recordsetl 作为 该 记录 集 的 名 称 。 

@ ”从 【连接 】 下 拉 列 表 框 中 选择 user 作为 数据 源 连 接 对 象 。 

e@ ”从 【表格 】 下 拉 列 表 框 中 ， 选 择 使 用 的 数据 库 表 对 象 为 member。 
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e ”在 【 列 】 选 项 组 中 选择 “ 选 定 的 ” 单 选 按钮 ， 然 后 选择 字段 列表 框 中 的 usermame、 
password 和 answer 3 个 字段 就 行 了 。 

e@ ”在 【筛选 】 栏 中 设置 记录 集 过 滤 的 条 件 “answer=”， 表 单 变量 为 inputanswer， 表 示 
根据 数据 库 中 answer 字段 的 内 容 是 否 和 从 上 一 个 网 页 表单 中 的 inputanswer 表单 对 象 
传递 过 来 的 信息 完全 一 致 来 过 滤 记 录 对 象 。 

设置 如 图 5-99 所 示 。 


回 . | 局 Mp//127001a08/shovpasnordasp 
3 " 
































Bi 








用 户 ; oor 
:rm 
第 本 让 于 各 其 得 革 
ed 有 加 生产 来 村 县 雏 人 二 全 品 
出城 多 生 妇 古 全 家 各 者 当 笑 全 的 站 让 
Row -| 


图 5-98 showpassword.asp 静态 设计 














1. 选 择 其 中 的 username、 
password 和 answer3 个 


字段 














2. 设 置 answer= 的 得 
选项 为 表单 变量 中 
的 inputanswer 值 





























图 5-99 【记录 集 】 对 话 框 


EECDp 单 击 【确定 】 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 。 将 记录 集中 的 username 
和 password 两 个 字段 分 别 添 加 到 网 页 中 ， 如 图 5-100 所 示 。 

EC 同样 需要 根据 记录 集 Recordsetl 是 否 为 空 来 为 该 网 页 中 的 内 容 设置 隐藏 区 域 的 
服务 器 行为 。 在 文档 窗口 中 ， 选 中 当 用 户 输入 密码 提示 问题 答案 正确 时 显示 的 内 
容 ， 然 后 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【显示 区 域 】 
一 【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 ， 打 开 【 如 果 记 录 集 不 为 空 则 显示 区 
域 】 对 话 框 ， 在 该 对 话 框 中 选择 记录 集 对 象 为 Recordsetl 。 这 样 只 有 当 记 录 集 


全 1 


Recordsetl 不 为 空 时 ， 才 显示 出 来 ， 如 图 5-101 所 示 。 设 置 完成 后 ， 单 击 【 确 定 】 按 
钮 ， 关 闭 该 对 话 框 ， 返 回 到 文档 窗口 。 

EEC 在 网 页 中 选择 当 用 户 输入 密码 提示 问题 答案 不 正确 时 显示 的 内 容 ， 并 为 这 些 内 
容 设置 一 个 “如 果 记 录 集 为 空 则 显示 区 域 ” 隐 藏 区 域 服务 器 行为 ， 这 样 当 记录 集 
Recordsetl 为 空 时 ， 显 示 这 些 文本 ， 如 图 5-102 所 示 。 









记录 集 . [Recordset 四 


查询 结果 
对 不 起 您 输入 的 答案 不 正确 ， 请 单 击 这 里 重新 输入 ? 





_ 演 油 婴 吐 了 副 册 5 洲 





将 绑 定 的 2 个 字 
段 插入 到 页 面 中 





er 





密码 : {Recordsetl. password} 


单 击 这 时 重新 登录 ， 


5-100 ”加 入 的 记录 集 效果 





IGG 














图 5-101 【如 果 记录 集 不 为 空 则 显示 区 域 】 对 话 框 ”图 5-102 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 
EEE) 完成 后 的 网 页 如 图 5-103 所 示 。 选 择 【 文 件 】 一 【保存 】 菜 单 命令 ， 将 该 文档 保 


存 到 本 地 站 点 中 。 


Ne 





二 地 各 末 。 全 得 可 反光 有 
SNS 























让 食堂 采购 更 加 简单 











用 户 :Recordseti. usernane} 


密码 :fgecordseti.passwordl 








PY tts 
电 的 闭 必 





5-103 ”完成 后 的 网 页 效果 
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5.6.3 ”密码 查询 模块 的 测试 


编辑 工作 完成 后 ， 就 可 以 测试 密码 查询 模块 功能 的 选择 情况 了 。 具 体 的 操作 步骤 如 下 。 

EEC 打开 正 浏览 器 ， 在 地 址 栏 中 输入 http://127.0.0.1/index.asp， 打 开 index.asp 文 
件 ， 如 图 5-104 所 示 。 

EC 单 击 “ 找 回 密码 ” 超 链 接 ， 进 入 【密码 查询 】 页 面 ， 在 【用 户 名 】 文 本 框 中 输 
入 要 查询 密码 的 用 户 名 称 ， 如 这 里 输入 “ 刘 莉 ”， 如 图 5-105 所 示 。 
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图 5-104 主页 效果 图 5-105 【密码 查询 】 页 面 
EC 单 击 【提交 】 按 钮 ， 进 入 【查询 问题 】 页 面 ， 在 其 中 根据 提示 输入 问题 的 答 
案 ， 如 图 5-106 所 示 。 
本 ZY 单 击 【 提 交 】 按 钮 ， 进 入 【查询 结果 】 页 面 ， 如 果 问 题 回答 正确 ， 则 在 该 页 面 
中 显示 用 户 名 和 密码 信息 ， 密 码 查询 成 功 ， 如 图 5-107 所 示 。 
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5-106 【查询 问题 】 页 面 图 5-107 【查询 结果 】 页 面 


莉 于 BY 如 果 在 【查询 问题 】 界 面 中 输入 的 问题 答案 和 注册 时 输入 的 不 一 样 ， 当 单 击 
【提交 】 按 钮 后 ， 会 显示 如 图 5-108 所 示 的 提示 信息 ， 提 示 用 户 问题 回答 错误 。 


EC 单 击 “ 这 里 ” 超 链 接 ， 会 返回 到 【密码 查询 】 页 面 当 中 ， 这 就 说 明 密 码 查询 模 
块 功能 测试 成 功 ， 如 图 5-109 所 示 。 
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图 5-108 错误 提示 信息 图 5-109 【密码 查询 】 页 面 


5.7 数据库 路 径 的 修改 


制作 完 网 站 后 ， 并 不 是 把 所 制作 的 网 站 上 传 到 服务 器 空间 即 可 以 使 用 。 由 于 前 面 制作 的 
网 站 是 在 本 地 计算 机 上 进行 ， 所 以 在 上 传 之 前 要 将 数据 库 的 路 径 进行 修改 ， 有 具体 的 步骤 如 下 。 
EEJDp 在 本 地 站 点 中 ， 找 到 自动 生成 的 Connections 文件 夹 ， 双 击 该 文件 夹 后 找到 创建 
的 数据 库 连接 文件 user.asp 并 用 记事 本 打开 ， 如 图 5-110 所 示 。 
ED 选择 MM _user_ STRING = " dsn=dsnuser; " 文本 ， 并 将 这 一 行 代 码 替 换 为 ; 
MM user STRING = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" 
& Server.MapPath ("/mdb/member.mdb") 


// 取 得 数据 库 连接 的 绝对 路 径 为 /mdab/member .mdb 
将 数据 库 的 路 径 改 为 站 点 文件 夹 mdb 下 的 member.mdb， 这 样 只 要 整个 站 点 的 文件 夹 和 
文件 内 容 不 改变 ,设置 IS 后 就 可 以 访问 。 完 成 更 改 的 user.asp 如 图 5-111 所 示 。 





























5-111 更改 后 的 数据 库 连 接 方法 





5-110 ”用 记事 本 打开 的 user.asp 
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管理 系统 是 动态 网 站 建设 中 最 常见 的 系统 ， 几 乎 每 一 个 网 站 都 有 信息 


信息 资讯 
资讯 管理 系统 ， 尤 其 是 政府 部 门 、 教 育 系 统 或 企业 网 站 。 信 息 资 讯 管 理 系统 的 作用 


就 是 在 网 上 发 布 信息 ， 通 过 对 信息 的 不 断 更 新 ， 让 用 户 及 时 了 解 行业 信息 、 企 业 
状况 。 
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6.1 系统 的 功能 分 析 


在 开发 动态 网 站 之 前 ， 需 要 规划 系统 的 功能 和 各 个 页 面 之 间 的 关系 ， 绘 制 出 系统 脉络 
图 ， 以 方便 后 面 整个 系统 的 开发 与 制作 。 


6.1.1 规划 网 页 结构 和 功能 


信息 资讯 管理 系统 中 涉及 的 主要 操作 就 是 访问 者 的 信息 查询 功能 和 系统 管理 员 对 信息 内 
容 的 新 增 、 修 改 及 删除 功能 。 本 章 将 要 制作 的 信息 资讯 管理 系统 的 网 页 结构 如 图 6-1 所 示 。 


信息 资讯 管理 系统 




























访问 者 页 面 





admin login.asp 





we 
information_del.asp 


information_add.asp 


图 6-1 信息 资讯 管理 系统 结构 
网 站 的 信息 资讯 管理 系统 ， 在 技术 上 主要 体现 为 如 何 显示 信息 内 容 ， 用 模糊 关键 字 进 行 
查询 信息 ， 以 及 对 信息 及 信息 分 类 的 修改 和 删除 。 一 个 完整 信息 资讯 管理 系统 共 分 为 两 大 部 
分 ， 一 个 是 访问 者 访问 信息 的 动态 网 页 部 分 ， 另 一 个 是 管理 者 对 信息 进行 编辑 的 动态 网 页 部 
分 。 本 系统 页 面 共 有 11 个 ， 整 体系 统 页 面 的 功能 与 文件 名 称 如 表 6-1 所 示 。 
表 6-1 信息 资讯 管理 系统 开发 网 页 设计 表 


























需要 制作 的 主要 页 面 功 能 
网 站 首页 显示 信息 分 类 和 最 新 信息 页 面 
信息 分 类 页 面 显示 信息 分 类 中 的 信息 标题 页 面 


信息 内 容 页 面 显示 信息 内 容 页 面 
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I 
第 I 
续 表 9 
需要 制作 的 主要 页 面 功 能 所 
后 台 管 理 入 口 页 面 admin login asp 管理 者 登录 入 口 页 面 息 
后 台 管理 主页 面 fp 对 信息 进行 管理 的 主要 页 面 襄 
新 增 信息 页 面 information add. 增加 信息 的 页 面 bE: 
修改 信息 页 面 修改 信息 的 页 面 要 
删除 信息 页 面 information_del.asp 删除 信息 的 页 面 


新 增 信息 分 类 页面 增加 信息 分 类 的 页 面 
修改 信息 分 类 页 面 | type updasp | 修改 信息 分 类 的 页 面 
删除 信息 分 类 页 面 | ype_delasp ”| 删除 信息 分 类 的 页 面 


6.1.2 ”网 页 美工 设计 NN 


信息 资讯 管理 系统 主要 起 到 对 行业 信息 进行 宣传 的 作用 ， 在 色调 上 可 以 选择 简单 的 蓝 色 NS 


作为 主 色 调 ， 信 息 首 页 index.asp 效果 如 图 6-2 所 示 。 
(DD w/oa -nox 
E73 5 
健康 养生 了 EL 王 5 本 






















































辽 生 放 最 新 关 生 资讯 Infommatlon 
人 本 要 理 人 妆 ， 从 兴 开 居 上 要 32 刁 人 休 sms : 
攻 ， 030 6 
jn 放生 现 上 饼 考 比 早上 沙 守 好 建议 RE 后 1 人 开 儿 01573015 1 28 给 上 
_ + 胡说 旧 9 呈 牛 有 五 RE 1S/14 .48.13 
健康 搜索 
秋季 干 娄 上 火 :大 自 疗 方 佬 火 间 如 2015/3/14 16:48 02 , 本 
能 康 二 Ea 等 请 计 。 如 早 白 己 -一 [i 避 ] 
秋天 并 生 互 首 达 :学 任 健 共和 84750 
对 康 二 党 及 请 os 6:7: 热 文科 和 
计 这 几 要 沦 水 四 御 水 ， 嘟 一 和 要 利于 才 共 ? 015/3/14 26:47:30 eT 
sd “a3 
tL? =maPREY ET 
目 3 交 人 和 大 才 a 
人 天 所 京平 记 科 和 各 015/3/14 16:47:05 四 坟 生 + 于 人 二 天主 前 珊 问 
~ Pw 四 拓 上 和 和 大 后 名 
秋分 这 后 蛙 风 县 差 炸 大 医生 瓜 器 呈 外 去 吉水 家 全 所 S015/3/26 15:51:23 


09! nestemeWnxr 人 Te 
下 个 最 后 页 记录 1 到 8 各 失 于 











所 10086 ~ 


图 6-2 信息 首页 index.asp 效果 
6.2 ”数据库 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 信息 管理 系统 的 数据 库 ， 如 何 使 用 ODBC 在 数 
据 库 与 网 站 之 间 建 立 动态 链接 。 
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6.2.1 数据 库 设计 


信息 资讯 管理 系统 需要 - ein ttre information， 还 要 建 
立 一 个 信息 分 类 表 information type 和 一 个 管理 员 账 号 信息 表 admin。 信 息 数据 表 information、 
信息 分 类 表 information_type 和 管理 信 中 表 admin 的 字段 分 别 采 用 如 表 6-2 一 表 6-4 所 示 的 
结构 。 





表 6-2 信息 数据 表 information 








意义 字段 名 称 必 填 字段 | 允许 空 字符 串 _ | 默认 值 
主题 编号 | information id 


信息 标题 information title 


是 
信息 分 类 编号 | information type 二 十 一 十 一 
信息 内 容 | | 
信息 加 入 时 间 Pe | Now 
编 加 者。 | iupmaio aor | | | | | 








表 6-3 ”信息 分 类 表 information_type 


多 许 空 字符 囊 





意义 字段 名 称 
自动 编号 id 
管理 账号 Username 
管理 密码 password 


创建 数据 库 的 步骤 如 下 。 

在 Microsoft Access 2010 中 实现 数据 库 的 搭建 ， 首 先 运行 Microsoft Access 2010 
程序 ， 然 后 选择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 【 空 数据 库 】 窗 格 ， 如 图 6-3 
所 示 。 

et 常用 文件 来， 如 images、mdb 等 ， 如 图 6-4 所 示 。 

EEJDep 单 击 【 空 数据 库 】 窗 格 上 的 【浏览 】 按 钮 吕 ， 打 开 【 文 件 新 建 数据 库 】 对 话 
框 ， 在 【保存 位 置 】 下 拉 列 表 框 中 选择 站 点 information\mdb 文件 夹 ， 在 【文件 名 】 文 
本 框 中 输入 文件 名 information mdb， 如 图 6-5 所 示 。 

国 于 YY 单 击 【 确 定 】 按 钮 ， 返 回 【 空 数据 库 】 窗 格 ， 单 击 【 创 建 】 按 钮 ， 即 在 数据 库 


默认 值 
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中 创建 了 information.mdb 文件 ， 同 时 自动 默认 生成 一 个 名 字 为 “ 表 1” 的 数据 表 。 
右 击 “ 表 1” 数 据 表 ， 在 打开 的 快捷 菜单 中 选择 【设计 视图 】 命 令 ， 如 图 6-6 所 示 。 
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图 6-6 ”打开 快捷 菜单 
ED 打开 【另存 为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 information， 如 
图 6-7 所 示 。 


TTBY 单 击 【确定 】 按 钮 ， 即 建立 了 information 数据 表 ， 按 表 6-2 输入 字段 名 并 设置 
其 属性 ， 完 成 后 如 图 6-8 所 示 。 

ED 双击 information 选项 ， 打 开 information 数据 表 。 为 了 预览 方便 ， 可 以 在 数据 库 
中 预先 输入 一 些 数据 ， 如 图 6-9 所 示 。 

EGR 用 上 述 方法 ， 再 创建 information type 数据 表 和 admin 数据 表 。 输 入 字段 名 称 并 
设置 其 属性 ， 最 终 效果 如 图 6-10 所 示 。 

EGRD 编辑 完成 ， 单 击 【 保 存 】 按 钮 加， 最 后 关闭 Access 软件 。 
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到 
表 名 称 中 : 
linfornation| 
图 6-7 【另存 为 】 对 话 框 图 6-8 创建 表 的 字段 
| Driemason 和 i i 0 7 得 尖 
ET inforwatioc_titlc 7 informsti ”information_content ” Iinfornationdate “ 
许 让 小 肥 肉 秋天 正当 时 2 测试 2014/11/4 B:22:18 
24 秋 介 过 后 早 验 筷 装 加 大 医生 可 女 出 外 运动 涯 家 保 颖 < 测试 2015/9/26 13:51:28 
25 金秋 天 气 学 , 牢记 麻生 歌 2 测试 14 16:47:05 
27 秋季 奉 易 三 冒 怎么 办 ? 三 神 饮品 助 你 快 点 好 2 调试 14 La 
2 谈 茶 必要 论 水 一 种 更 利于 泡 淋 ? 3 测试 1 
29 7 款 健康 养生 粥 有 效 调理 防 洽 肾 伙 工 测 诚 2015/3/14 
59 灾 天 齐 生 汤 百 软 5 款 保健 商 圣 2 测试 2015/3/1¢ 
他 秋季 干 烛 上 淡 + 大 亡 疗 方 隆 淡 和 烧 3 测试 2015/8/14 
如 牛奶 不 能 宇 午 喝 喝 牛 矶 有 五 个 误区 3 误区 一 : 不 能 宁 算 唱 误区 ; 1 3 
53 晚上 很 烁 比 早 上 殉 果 好 了 建议 晚饭 后 1 小 时 开始 < 测试 15 ‘22 
| si 秋季 劳 巾 夺 人 净 ， 从 类 到 尾 旋 劳 卜 强 刁 健 体 3 测试 14 16:4B:S2 | 
加 人 (新建) 


0 2015/9/26 17:48:04 | 


[ECT FE TY DLTAR TAT 3 
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图 6-9 information 表 中 的 输入 记录 
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享 妆 大小 en 

a 洋 闪 
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= RE 

字 训 名 队 果 长 可 到 64 个 字符 | 外 托 空 冤 ), 按 | 浆 是 长 可 列 64 个 字符 ( 包 活 衬 情 )。 获 
人 Wt 3 有 本 可 坦 在 有 亲 地 从 公称 的 到 









































6-10 information_type 和 admin 数据 表 设 置 
6.2.2 创建 数据 库 连 接 


数据 库 编 辑 完成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 。 这 样 做 的 目的 是 
方便 在 动态 网 页 中 使 用 前 面 建 立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 
创建 数据 库 连接 的 具体 操作 步骤 如 下 。 
EECIDp 在 【控制 面板 】 窗 口 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN】 选 项 ， 打 开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 6-11 所 示 。 
EDy 单 击 【 添 加 】 按 钮 ， 打 开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(*. mdb) 选项， 如 图 6-12 所 示 。 




















用 户 BSH] 条 入 58 文件 D8 | 驱动 程序 [时 际 “| 连接 过 [关于 ， 
系统 数据 源 G) 
名 绒 动 入 序 [mm... | 
_ 工 于 
L717 
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[EO | 训 用 上 ) 部 助 | 














图 6-11 【系统 DSN】 选 项 卡 图 6-12 【创建 新 数据 源 】 对 话 框 


TB 单 击 【完成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 information， 如 图 6-13 所 示 。 

EC 单 击 【选择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【 驱 动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 
夹 ， 然 后 单 击 左 上 方 【数据 库 名 】 列 表 框 中 的 数据 库 文 件 information.mdb， 则 数据 
库 名 称 自动 添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 6-14 所 示 。 







































































才 据 名 0D: inforaation 5 下 
说 明 中 ); 一 一 目录 加 ): 
[2] FE mdb eV Ninfornation\ndb 
数据 库 : 帮助 00 了 机 Be\ 
选择 6) ] [人 建 吕 .… 】 [ 修 夏 吕 .| [ 压 编 和 0. J eda 
系统 数据 库 EB infornation 
En 
加 无 ) 
加 
[EU 二 
图 6-13 【ODBC Microsoft Access 安装 】 对 话 框 图 6-14 【选择 数据 库 】 对 话 框 


本 于 BY 找到 数据 库 后 ， 单 击 【 确 定 】 按 钮 回 到 【ODBC Microsoft Access 安装 】 对 话 框 
中 ， 再 次 单 击 【 确 定 】 按 钮 ， 将 返回 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 information、 驱 
动 程序 为 Driver do Microsoft Access(*.mdb) 的 系统 数据 源 ， 如 图 6-15 所 示 。 单 击 
【确定 】 按 钮 ， 完 成 系统 DSN 的 设置 。 

EECDp 启动 Dreamweaver CS6， 选 择 【 文 件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 
对 话 框 ， 选 择 【 空 白 页 】 选 项 面板 【页 面 类 型 】 列 表 框 下 的 ASP VBScript 选项 ,在 
【布局 】 列 表 框 中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 ， 在 网 站 根 目录 下 新 建 
一 个 名 为 index.asp 的 网 页 并 保存 ， 如 图 6-16 所 示 。 
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6-15 【系统 DSN】 选 项 卡 
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6-16 ”建立 首页 并 保存 


EC 继续 设置 站 点 、 文 档 类 型 、 测 试 服 务 器 ， 在 Dreamweaver CS6 中 选择 【窗口 】 


一 【数据 库 】 菜 单 命令 ， 打 开 【 数 据 库 】 面 板 。 


EGG) 单 击 【数据 库 】 面 板 中 的 四 按钮 ， 弹 出 如 图 6-17 所 示 的 菜单 ， 选 择 【 数 据 源 名 


称 】 菜单。 


3 





. 到 过 各 器 。 
4. 单 击 上 面 的 + 按钮 创建 这 接 。 





图 6-17 选择 【数据 源 名 称 】 菜 单 


EC 打开 【数据 源 名 称 】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 information， 单 击 
【数据 源 名 称 】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 information， 其 他 保持 默认 
值 ， 如 图 6-18 所 示 。 























用 户 各 ; 
要 码 : 


Dreamweaver 应 连接 : 器 使 用 测试 服务 器 上 的 DSN 
加 使 用 本 地 DSN 




















2. 选 择 刚 设置 
的 数据 源 


图 6-18 【数据 源 名 称 】 对 话 框 


EC 在 【数据 源 名 称 】 对 话 框 中 单 击 【 确 定 】 按 钮 后 完成 此 步骤 。 在 【数据 库 】 面 
板 中 可 以 看 到 连接 的 数据 库 文件 ， 如 图 6-19 所 示 。 

EEC 同时 ， 在 网 站 根 目 录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 information.asp 的 文件 ， 它 可 以 用 记事 本 打开 ， 内 容 如 图 6-20 所 示 。 


文件 (R)” 妨 往 (E) 格式 (0) 章 看 V) 帮助 (H) 





» FileName="Connection_odbc_conn_ dsn.htm” 
?Type="ADO” 

， DesigptimeType="ADO” 

false 

”Catalos=”” 


San 
Dim MM_information_ STRING 
i NG =“dsn=informationi 





图 6-19 设置 的 数据 库 图 6-20 自动 产生 的 information.asp 
EE@ 汪 PP 在 Dreamweaver CS6 界面 中 选择 【文件 】 一 【保存 】 菜 单 命令 ， 保 存 该 文档 ， 
完成 数据 库 的 连接 。 


6.3 ”系统 页 面 设 计 


信息 资讯 管理 系统 前 台 部 分 主要 有 3 个 动态 页 面 ， 分 别 是 网 站 首页 index.asp、 信 息 分 类 
页 面 type.asp 和 信息 内 容 页 面 content.asp。 


6.3.1 网 站 首页 的 设计 


在 本 小 节 中 主要 介绍 信息 资讯 管理 系统 主页 面 index.asp 的 制作 。 在 index.asp 页 面 中 ， 主 
要 显示 最 新 信息 的 标题 、 信 息 的 加 入 时 间 ， 并 显示 信息 分 类 。 单 击 信息 中 的 分 类 ， 进 入 分 
类 ， 子 页 面 ， 可 以 查看 信息 子 类 中 的 信息 信息 ; 单 击 信息 标题 ， 进 入 信息 详细 内 容 页 面 。 


1. 制作 信息 分 类 模块 


下 面 介绍 首页 中 信息 分 类 模块 的 制作 ， 详 细 的 操作 步骤 如 下 。 
EEIDgp 打开 创建 的 index.asp 页 面 ， 输 入 网 页 标题 “健康 养生 网 首页 ”， 选 择 【 文 件 】 
一 【保存 】 菜 单 命令 将 网 页 保存 ， 如 图 6-21 所 示 。 
| 
TREY infornation asp 


| 人 机 | 拆 分 [设计 | 认 时 图 哆 . 芭 . 如 .be EF 友 。 村 是 健康 关 生 首页 ] 














图 6-21 设置 网 页 标题 


ED) 选择 【修改 】 一 【页 面 属 性 】 菜 单 命令 ， 打 开 【 页 面 属 性 】 对 话 框 ， 单 击 【分 
类 】 列 表 框 中 的 【外 观 (CSS)】 选 项 ， 字 体 大 小 设置 为 12px， 在 【上 边 距 】 文 本 框 中 
输入 0px， 这 样 设置 的 目的 是 为 了 让 页 面 的 第 一 个 表格 能 置顶 到 上 边 ， 如 图 6-22 
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Dreamweaver+ASP 动 态 网 站 开发 


案例 课堂 由 


所 示 。 

EECDRUB9 单 击 【确定 】 按 钮 ， 进 入 文档 窗口 。 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ， 打 开 
【表格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 4; 在 【 列 】 文 本 框 中 输入 1， 在 【表格 
宽度 】 文 本 框 中 输入 990 像素 ， 其 他 设置 如 图 6-23 所 示 。 
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6-22 设置 页 面 属性 6-23 ”设置 插入 一 个 4 行 1 列 的 表格 


EEC 单 击 【确定 】 按 钮 ， 在 文档 窗口 中 ， 插 入 了 一 个 4 行 1 列 的 表格 。 选 择 插 入 的 
整个 表格 ， 在 【属性 】 面 板 上 单 击 【 对 齐 】 下 拉 列 表 框 ， 选 择 【 居 中 对 齐 】 选 项 ， 
让 插入 的 表格 居中 对 齐 。 

ECEDy 将 指针 放置 在 第 1 行 第 1 列 单元 格 中 ， 选 择 【 插 入 】 一 【图 像 】 菜 单 命令 ， 打 
开 【 选 择 图 像 源 文件 】 对 话 框 ， 选 择 images 文件 夹 下 的 logo.gif 图 像 ， 单 击 【 确 
定 】 按 钮 插入 图 片 ， 如 图 6-24 所 示 。 

ECEDs 将 指针 放置 在 第 1 行 第 2 列 单元 格 中 ， 选 择 【 插 入 】 一 【图 像 】 菜 单 命令 ， 打 
开 【 选 择 图 像 源 文件 】 对 话 框 ， 选 择 images 文件 夹 下 的 banner.gif 图 像 ， 单 击 【 确 
定 】 按 钮 插入 图 片 ， 如 图 6-25 所 示 。 

ES 将 指针 放置 在 第 2 行 单元 格 中 ， 选 择 【 插 入 】 一 【图 像 】 菜 单 命令 ， 打 开 【 选 
择 图 像 源 文件 】 对 话 框 ， 选 择 images 文件 夹 下 的 1.gif 图 像 ， 单 击 【 确 定 】 按 钮 插入 
图 片 ， 这 样 就 完成 了 网 站 首页 头 部 的 设计 ， 如 图 6-26 所 示 。 

本 于 BY 将 指针 放置 在 第 3 行 单元 格 中 ， 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ,插入 一 个 1 
行 3 列 的 表格 ， 在 第 3 行 第 1 列 单元 格 中 插入 left.jpg 图 像 作为 背景 ， 效 果 如 图 6-27 
所 示 。 

ED 将 指针 放置 在 第 3 行 第 3 列 单元 格 中 ， 插 入 03.gif 图 像 作为 背景 ， 效 果 如 图 6-28 
所 示 。 

EC 将 指针 放置 在 第 4 行 表格 中 。 选 择 【 插 入 】 一 【图 像 】 菜 单 命令 ， 打 开 【 选 择 
图 像 源 文件 】 对 话 框 ， 选 择 同 站 点 images 文件 夹 7.gif 图 片 ， 效 果 如 图 6-29 所 示 。 
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图 6-24 ”选择 logo.gif 图 像 
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AN 图 6-28 插入 右 侧 背景 图 片 
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图 6-29 插入 底部 图 片 


EC 将 指针 放置 在 第 3 行 第 1 列 的 单元 格 中 ， 选 择 【插入 】 一 【表格 】 菜 单 命令 ， 
打开 【表格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 4， 在 【 列 】 文 本 框 中 输入 1， 在 
【表格 宽度 】 文 本 框 中 输入 92%， 其 【边框 粗细 】、【【 单 元 格 边 距 】 和 【单元 格 间 
距 】 都 为 0， 效果 如 图 6-30 所 示 。 

区 E> 单 击 刚 创建 的 左边 空白 单元 格 ， 然 后 再 单 击 文档 窗口 上 的 [约旦 按钮 ， 在 <tt> 和 
</td> 之 间 加 入 valign="top" 命 令 ， 表 示 让 鼠标 能 够 自动 放置 至 单元 格 的 最 上 方 ， 效 果 如 
图 6-31 所 示 。 

ES 接 下 来 用 【 绑 定 】 面 板 将 网 页 所 需要 的 数据 字段 绑 定 到 网 页 中 。index.asp 这 个 
页 面 使 用 的 数据 表 是 information 和 information_type， 单 击 【 绑 定 】 面 板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 在 打开 的 【记录 集 】 对 话 框 中 输 
入 如 表 6-5 所 示 的 数据 ， 如 图 6-32 所 示 。 
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[en table> 
得 <table 
一 width="990” border= 
4 “0” cellspacing=“0” 
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有 <td 
一 | width="227” height= 
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= <table width="92%" 
CG | y border="0” align= 
图 6-30 【表格 】 对 话 框 图 6-31 加 入 代码 
表 6-5 记录 集 设 置 


|intomation | 反 


EEE》 绑 定 记录 集 后 ， 将 记录 集中 信息 分 类 的 字段 type_name 插入 至 index.asp 网 页 的 
适当 位 置 ， 如 图 6-33 所 示 。 
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连接 [infornation [Ev | 取消 
表格 : [infornationtype 

帮助 
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图 6-32 【记录 集 】 对 话 框 6-33 ”插入 至 index.asp 网 页 中 


EEDp 由 于 要 在 index.asp 页 面 中 显示 数据 库 中 所 有 信息 分 类 的 标题 ， 而 目前 的 设 定 只 
会 显示 数据 库 的 第 一 笔 数据 ， 因 此 需要 加 入 服务 器 行为 “重复 区 域 ”， 让 所 有 的 信 
息 分 类 全 部 显示 出 来 。 选 择 Recordsetl type_name} 所 在 的 行 ， 如 图 6-34 所 示 。 

EDs 单 击 【服务 器 行为 】 面板 上 的 因 按 钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单 
项 ， 在 打开 的 【重复 区 域 】 对 话 框 中 ， 选 中 【所 有 记录 】 单 选 按钮 ， 如 图 6-35 所 示 。 
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案例 课堂 wp 一 
记录 入 [Becordsetl 了 
县 示 : 日 10 |] 记录 
:x © 区 有 让 
图 6-34 ”选择 要 重复 显示 的 一 列 图 6-35 设置 一 次 可 以 显示 的 次 数 


EC 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 重复 的 区 域 左 上 角 出 现 了 
一 个 【重复 】 灰 色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 6-36 所 示 。 

葬 于 [BY 除了 显示 网 站 中 所 有 信息 分 类 标题 外 ， 还 要 提供 访问 者 感 兴趣 的 信息 分 类 标题 
链接 来 实现 详细 内 容 的 阅读 。 为 了 实现 这 个 功能 ， 首 先 要 选取 编辑 页 面 中 的 信息 分 
类 标题 字段 ， 如 图 6-37 所 示 。 


生生 分 类 


ecordsetl. type_name} 









他 限 搜 索 


图 6-36 【重复 】 的 灰色 标签 图 6-37 选择 信息 分 类 标题 
EC 单 击 【服务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 


菜单 项 。 在 打开 的 【 转 到 详细 页 面 】 对 话 框 中 单 击 【 浏 览 】 按 钮 ， 如 图 6-38 所 示 ， 
弹出 【选择 文件 】 对 话 框 ， 选 择 此 站 点 中 的 type.asp 文件 ， 其 他 设置 不 变 ， 如 图 6-39 



























































所 示 。 
Ee 本 一 
过 拉 文 件 名 后 站 二 
加 笑 已 加- 
眉 改 日 贡 类 
2015/0/28 1121 ASP 文 件 一 
2015/5/26 3112 A5P 文件 
处 接 : [所 选 范 围 : “SF Recordsetl. ie type_delas 2015/5/28 1121 AsP 文 件 
详细 信息 页 : type. asp 到 E ype_upd- 2015/s/28 11:21 Asp 文 人 国 
尾 送 URL 套数 : Type id 设置 为 以 下 现 的 信 可 豆 
记录 集 : Reaordsetl - |: type. 一 -本 了 
到 [med 了 2 -3 a 
传递 更 有 条 数 .器 URL 多 到 TE 
要 单 参数 
6-38 【和 转 到 详细 页 面 】 对 话 框 6-39 【选择 文件 】 对 话 框 


EE 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 主 页 面 index.asp 中 信息 分 类 栏目 的 制作 已 经 
完成 ， 最 新 信息 的 显示 页 面 设计 效果 如 图 6-40 所 示 。 









SN 


NN 





图 6-40 设计 结果 效果 
2. 制作 信息 数据 读 取 模 块 


制作 完了 信息 分 类 栏目 后 ， 下 一 步 就 是 将 information 数据 表 中 的 信息 数据 读 取出 来 ， 并 
在 首页 上 进行 显示 。 具 体 的 操作 步骤 如 下 。 
EC 将 指针 放置 在 第 3 行 第 2 列 单元 格 中 ， 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ， 打 
开 【 表 格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 3， 在 【 列 】 文 本 框 中 输入 2， 在 【 表 
格 宽度 】 文 本 框 中 输入 92%， 其 【边框 粗细 】、【 单 元 格 边 距 】 和 【单元 格 间距 】 
都 为 0， 如 图 6-41 所 示 。 
EC 单 击 【确定 】 按 钮 ， 即 可 在 网 页 中 插入 表格 ， 如 图 6-42 所 示 。 


表格 大 个 
行政 :3 下 可 


雪 格 朝 章 92 。 [百分比 | 























生活 常人 
保健 习 悍 








Em EE Emal 








图 6-41 【表格 】 对 话 框 图 6-42 设计 结果 效果 
国 于 BY 合并 第 一 行 单元 格 ， 然 后 选择 【插入 】 一 【图 像 】 菜 单 命令 ， 打 开 【 选 择 图 像 


源 文 件 】 对 话 框 ， 在 其 中 选择 要 插入 的 图 片 ， 如 图 6-43 所 示 。 单 击 【确定 】 按 钮 ， 
插入 图 片 ， 效 果 如 图 6-44 所 示 。 
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选择 文件 名 自 : 加 文件 对 统 
口 雪 提 和 


站 点 根 目录 
站 点 和 服务 器 
-OF A 
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ED | wom.er/! 
Camm 


















养生 资讯 Information 





图 6-43 【选择 图 像 源 文件 】 对 话 框 图 6-44 ”设计 结果 效果 


ED 单 击 【 绑 定 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 音 
项 ， 在 打开 的 【记录 集 】 对 话 框 中 输入 如 表 6-6 所 示 的 数据 ， 如 图 6-45 所 示 。 


表 6-6 记录 集 设置 
























































确定 
Dlr Lm] 
= EH 
- 世面 本 
转 
= 讯 Information 
图 6-45 【记录 集 】 对 话 框 图 6-46 绑 定数 据 


EC 由 于 要 在 index.asp 页 面 显示 数据 库 中 的 部 分 信息 ， 而 目前 的 设 定 则 只 会 显示 数 
据 库 的 第 一 笔 数据 ， 因 此 ， 需 要 加 入 服务 器 行为 “重复 区 域 ”设置 来 重复 显示 部 分 
信息 信息 。 单 击 选择 要 重复 显示 信息 的 行 ， 如 图 6-47 所 示 。 

ED 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单 
项 ， 弹 出 【重复 区 域 】 对 话 框 ，【 记录 集 】 选 择 Rel， 要 重复 的 记录 条 数 设置 为 10 
条 ， 如 图 6-48 所 示 。 
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图 6-47 单 击 需 要 重复 的 表格 6-48 【重复 区 域 】 对 话 框 


EED 单 击 【 确 定 】 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选 要 重复 区 域 左 上 角 出 现 了 
一 个 【重复 】 灰 色 标签 ， 这 表示 已 经 完成 设 定 了 ， 如 图 6-49 所 示 。 

EEC) 由 于 最 新 信息 这 个 功能 ， 除 了 显示 网 站 中 部 分 信息 外 ， 还 要 提供 访问 者 感 兴趣 
的 信息 标题 并 链接 至 详细 内 容 来 阅读 ， 首 先 选取 编辑 页 面 中 的 信息 标题 字段 ， 如 
6-50 所 示 。 














nas Information 和 Information 

jaaeamausuaal 区 rr Sen iseornation tntey | 

FT 上] Re 
图 6-49 【重复 区 域 】 效 果 图 6-50 选择 信息 标题 字段 


ED 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 
菜单 项 ， 在 打开 的 【 转 到 详细 页 面 】 对 话 框 中 单 击 【浏览 】 按 钮 ， 打 开 【 选 择 文 
件 】 对 话 框 ， 选 择 此 站 点 information 文件 夹 中 的 content.asp 文件 ， 其 他 设 定 如 图 6-51 
所 示 。 

EC 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 。 当 记录 集 超过 一 页 ， 就 必须 要 有 【上 一 
页 】、【 下 一 页 】 等 按钮 或 文字 ， 让 访问 者 可 以 实现 翻 页 ， 这 就 是 【记录 集 导 航 
条 】 的 功能 。【 记 录 集 导航 条 】 按 钮 位 于 【插入 】 面 板 的 【数据 】 类 型 中 ， 因 此 将 
【插入 】 面 板 由 【常用 】 切 换 成 【数据 】 类 型 ， 单 击 【记录 集 分 页 : 记录 集 导 航 
条 】 按 钮 到， 如 图 6-52 所 示 。 









































i 
数 后 了 | 
十 [所 和 加 :GE Gel ie te >] 全 
爱 - 动态 数据 
重 厂区 域 
震 - BE 二 
传道 网 有 参数 加 DRL 戎 册 王 -记录 集 分 页 ; 记录 集 导航 条 9 | 
口 去 #s 政 
天 - 转型 详细 页 面 
2 强 记录 集 S 航 状态 
6-51 【 转 到 详细 页 面 】 对 话 框 6-52 【插入 】 面 板 


EECaEP9 在 打开 的 【记录 集 导航 条 】 对 话 框 中 ， 选 取 导航 条 的 记录 集 以 及 导航 条 的 显示 
方式 为 【文本 】， 如 图 6-53 所 示 。 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 这 时 会 在 页 面 


芍 漠 肝 中 当代 灵 证 “ 才 9 站 
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表格 中 的 第 3 行 出 现 该 记录 集 的 导航 条 ， 如 图 6-54 所 示 。 























图 6-53 【记录 集 导 航 条 】 对 话 框 图 6-54 添加 记录 集 导 航 条 


EEC 在 【插入 】 面 板 的 【数据 】 类 型 中 ， 单 击 澡 按钮 ， 打 开 【 记 录 集 导航 状态 】 对 
话 框 ， 选 取 要 导航 状态 的 记录 集 为 Rel， 然 后 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 
发 现 页 面 出 现 该 记录 集 的 导航 状态 ， 如 图 6-55 所 示 。 


Rel | 

















范例 - 记录 1 到 5 (总 共 10 个 记录 ) 




















新 养生 资讯 Information ! 
1 infornation_title} ia information_date} | 
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图 6-55 添加 记录 和 集 导航 状态 


本 ELEY index.asp 页 面 还 需要 加 入 查询 功能 ， 这 样 信息 次 
讯 管理 系统 才 不 会 因 日 后 数据 太 多 而 有 不 易 访问 的 情 
形 发 生 。 将 指针 放置 在 页 面 左 侧 表格 中 的 第 4 行 ， 然 
后 选择 【插入 】- 一 【表单 】-【 表 单 】 菜 单 命令 ， 在 
该 单元 格 中 插入 一 个 表单 ， 如 图 6-56 所 示 。 

ECG 在 表单 中 输入 文字 “健康 查询 ”， 然 后 选择 【 插 
入 】 一 【表单 】- 【文本 域 】 菜 单 命令 ， 插 入 一 个 文 。， 健康 搜索 
本 框 ， 并 在 【属性 】 面 板 中 设置 文本 域 的 属性 值 ， 如 人 
图 6-57 所 示 。 

E> 将 光标 放置 在 文本 域 的 后 面 ， 选 择 【 插 入 】 一 
【表单 】- 【按钮 】 菜单 命令 ， 插 入 一 个 按钮 ， 然 后 在 【属性 】 面 板 中 设置 按钮 的 名 
称 为 “查询 ”， 并 选中 【提交 表单 】 单 选 按钮 ， 如 图 6-58 所 示 。 
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图 6-57 插入 和 设置 文本 域 








cordsetl type_name] 
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图 6-58 插入 并 设置 按钮 





EEC 在 此 要 将 之 前 建立 的 记录 集 Rel 做 一 下 更 改 。 打 开 【 记 录 集 】 对 话 框 ， 进 入 
【高 级 】 设 置 ， 在 原 有 的 SQL 语法 中 ， 加 入 一 段 查询 功能 的 语法 ， 以 前 的 SQL 语 


句 将 变 成 如 图 6-59 所 示 : 


WHERE information title 


like '%"gkeyword&"%®' 








WHERE information title 








like '%"&keyword&"%' 
表示 查询 的 条 件 是 输 
入 的 关键 字 和 数据 库 


中 的 information title 
字段 相似 就 可 以 



































图 6-59 修改 SQL 语句 


出 出 
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-案例 课堂 四 一 


gy 其 中 like 是 模糊 查询 的 运算 值 ，% 表 示 任 意 字符 ， 而 keyword 是 个 变量 ， 代 


未 
人 未 关 键 词 . 


EEC 切换 到 代码 视图 ， 找 到 Rel 记录 集 相 应 的 代码 并 加 入 代码 ， 如 图 6-60 所 示 ， 完 


成 设置 : 


keyword= request ("keyword") 
// 定 义 keyword 为 表单 中 "keyword" 的 请 求 变量 









on SL 
FEO Lrfomstion type” 









于 [we [| 疙 志 对 oi ot 关 忆 | 


祝 是 上 所 向 办 器 站 


图 6-60 加 入 代码 


EEE> 以 上 的 设置 完成 后 ，index.asp 系统 主页 面 就 有 查询 功能 了 ， 可 以 按 F12 键 测试 
是 否 能 正确 地 查询 。 首 先 index.asp 页 面 会 显示 所 有 网 站 中 的 信息 分 类 主题 和 最 新 信 


息 标题 ， 如 图 6-61 所 示 。 
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6-61 ”主页 面 浏览 效果 


E 加 区 在 关键 词 中 输入 “秋季 ”并 单 击 【 查 询 】 按 钮 ， 结 果 会 发 现 页 面 中 的 记录 只 显 
示 有 关 “ 秋 季 ” 所 发 表 的 最 新 信息 主题 ， 这 样 查询 功能 就 已 经 完成 了 ， 最 终 的 效果 
如 图 6-62 所 示 。 
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图 6-62 测试 查询 效果 


6.3.2 ”信息 分 类 页 面 的 设计 


信息 分 类 页 面 type.asp 用 于 显示 每 个 信息 分 类 的 页 面 ， 访 问 者 单 击 mdex.asp 页 面 中 的 任 
何 一 个 信息 分 类 标题 时 ， 就 会 打开 相应 的 信息 分 类 页 面 。 详 细 的 操作 步骤 说 明 如 下 。 
区 了 TD 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 【创建 】 按 钮 创建 新 页 面 ， 输 入 网 页 标题 “信息 
分 类 ”。 选 择 【 文 件 】 一 【保存 】 菜 单 命令 ， 在 站 点 information 文件 夹 中 将 该 文档 
保存 为 type.asp， 如 图 6-63 所 示 。 


-| 
| 有 分 [设计 ] 实时 视图 。 哆 . 加. 内. b% EX 玖 局 村 是: 信息 分 类 





图 6-63 ”添加 网 页 标题 


本 TPE> 信息 分 类 页 面 和 首页 面 中 的 静态 页 面 设计 差不多 。 另 外 ， 信 息 分 类 页 面 左 侧 的 
“养生 分 类 ”模块 和 首页 的 “养生 分 类 ”模块 一 样 ， 在 这 里 不 作 详 细 说 明 ， 如 图 6-64 
所 示 。 

EDUB9 typeasp 页 面 主要 用 于 显示 所 有 信息 分 类 标题 的 数据 ， 所 使 用 的 数据 表 是 
information。 单 击 【 绑 定 】 面 板 中 的 加 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 
菜单 项 ， 在 打开 的 【记录 集 】 对 话 框 中 输入 如 表 6-7 的 数据 ， 再 单 击 【 确 定 】 按 钮 


芍 浇 峙 下 尖 嵌 灵 齐 “由 9 小 上 
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后 就 完成 设 定 了 ， 如 图 6-65 所 示 。 


MT wr PN 




















图 6-64 ”添加 网 页 标题 
表 6-7 输入 记录 集 数 据 


infommation_ type、-、URL 参数 、 


pr 









































名 得 : Recordset1 L 确定 | 
连接 : | information 了 |[ 定 X 取消 
表格 : |information = 于 
高 级 
列 回 全 部 日 先 定 的 : 
帮助 
information_id 











Wm] » 


infornaticn iete 








入 选 : [inforaation_type_v| [= 
WRL 参数 =] te id 
排序 -| information_id || 升 序 









































图 6-65 【记录 集 】 对 话 框 


EGG 单 击 【确定 】 按 钮 ， 完 成 记录 集 绑 定 ， 如 图 6-66 所 示 。 
EGRD 将 指针 定位 在 表格 中 第 2 行 ， 然 后 选择 【插入 】 一 【表格 】 菜 单 命令 ， 打 开 
【表格 】 对 话 框 ， 在 其 中 设置 表格 的 相关 参数 ， 如 图 6-67 所 示 。 
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information_title 
information_type 
information_content 
infornation_date 


infornation_author 
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[第 一 个 记录 索引 ] 
[最 后 一 个 记录 索引 ] 
[总 记录 未 ] 
6-66 ”完成 记录 集 绑 定 图 6-67 【表格 】 对 话 框 


ED 单 击 【确定 】 按 钮 ， 插 入 一 个 2 行 2 列 的 表格 ， 并 设置 表格 的 对 齐 方式 为 “ 居 
中 对 齐 ”， 如 图 6-68 所 示 。 











6-68 ”插入 并 设置 表格 居中 对 齐 
合并 第 1 行 ， 将 记录 集 的 字段 插入 至 type.asp 网 页 中 的 适当 位 置 ， 如 图 6-69 所 示 。 








{Recordsetl. information_title} oa 


图 6-69 插入 至 type.asp 网 页 中 


EEC 为 了 显示 所 有 记录 ， 需 要 加 入 服务 器 行为 “重复 区 域 ”。 选 择 type.asp 页 面 中 
需要 重复 的 表格 ， 如 图 6-70 所 示 。 






图 6-70 选择 要 重复 显示 的 行 


区 于 BY 单 击 【 服 务 器 行为 】 面 板 上 的 由 按钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单 
项 ， 打 开 【 重 复 区 域 】 对 话 框 ， 设 定 一 页 显示 的 数据 为 10 条 ， 如 图 6-71 所 示 。 























6-71 ”选择 一 页 可 以 显示 的 记录 条 数 
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EC 单 击 【确定 】 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 重复 的 区 域 左 上 角 出 现 
了 一 个 【重复 】 灰 色 标 签 ， 这 表示 已 经 完成 设置 ， 如 图 6-72 所 示 。 


(hecordsetl. infornation_title} 











6-72 ”添加 重复 区 域 


EEC 在 【插入 】 面 板 的 【数据 】 类 型 中 ， 单 击 到 按钮 ， 打 开 【 记 录 集 导航 条 】 对 话 
框 ， 在 对 话 框 中 选取 Recordsetl 记录 集 以 及 导航 条 的 显示 方式 ， 如 图 6-73 所 示 。 


记录 集 |Recordsetl EY 


显示 方式 : 回 文本 











局 图 你 





图 6-73 【记录 集 导航 条 】 对 话 框 


国 了 EY 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 出 现 该 记录 集 的 导航 条 ， 如 图 6-74 
所 示 。 














[ecordsetl infornation_title} 














图 6-74 添加 记录 集 导 航 条 


EEEB 在 【插入 】 面 板 的 【数据 】 类 型 中 ， 单 击 澡 按钮 打开 【记录 集 导 航 状态 】 对 
话 框 ， 选 取 要 导航 状态 的 记录 集 为 Recordset1， 如 图 6-75 所 示 。 


记录 集 .| Recordsetl 加 




















范例 - 记录 1 到 5( 总 共 10 个 记录) 





6-75 【记录 集 导 航 状 态 】 对 话 框 


EC 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 出 现 该 记录 集 的 导航 状态 ， 如 
图 6-76 所 示 。 

EEC) 选取 编辑 页 面 中 的 信息 标题 字段 ， 再 单 击 【 服 务 器 行为 】 面 板 上 的 因 按 钮 ， 在 
弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 菜 单项 ， 在 打开 的 【 转 到 详细 页 面 】 对 话 框 中 
单 击 【浏览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 框 ， 选 择 information 文件 夹 中 的 
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Dewscontentasp。 将 【传递 URL 参数 】 设 置 为 information id， 其 他 参数 设 定 如 图 6- 
77 所 示 。 最 后 单 击 【 确 定 】 按 钮 即 可 完成 设置 。 


Ea 
{Recordsetl. information_title} 















6-76 ”添加 记录 集 导 航 状 态 


和 接 [ 所 这 范围，“Qx= Cecordsetl. ae =] 
详细 信息 页 content. asp 
优 递 URL 参数 : infornation_id 设 年 为 以 下 项 的 十 
记录 集 -[Racordsst a 
到 [ingornation id 加 
传送 丙 有 参数 : 上] URL 参数 
加 表单 多 数 






































6-77 【 转 到 详细 页 面 】 对 话 框 


国 囊 3Y》 加 入 显示 区 域 的 设 定 。 首 先 选取 记录 集 有 数据 时 要 显示 的 数据 表格 ， 这 里 选择 
需要 显示 的 整个 表格 ， 如 图 6-78 所 示 。 


5% (647)™ 
5% eg + 3% 9 























: 记录 reorient gt) 到 
{Recordse' 





图 6-78 选择 要 显示 的 记录 
ED 单 击 【服务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【显示 区 域 】 一 
【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 ， 打 开 【 如 果 记 录 集 不 为 空 则 显示 区 域 】 
对 话 框 ， 在 【记录 集 】 下 拉 列 表 中 选择 Recordsetl， 如 图 6-79 所 示 。 
































图 6-79 选择 要 显示 的 记录 集 


EEaEB 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 显示 的 区 域 左上 角 出 现 了 
一 个 【如 果 符合 此 条 件 则 显示 】 灰 色 标 签 ， 这 表示 已 经 完成 设置 ， 如 图 6-80 所 示 。 

EC 选取 记录 集 没 有 数据 时 要 显示 的 文字 信息 ， 如 图 6-81 所 示 。 

区 也 DY 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【显示 区 域 】 一 
【如 果 记 录 集 为 空 则 显示 区 域 】 菜 单项 ， 打 开 【 如 果 记 录 集 为 空 则 显示 区 域 】 对 话 
框 ， 在 【记录 集 】 下 拉 列 表 中 选择 Recordsetl， 如 图 6-82 所 示 。 


攻 9 台 有 
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图 6-81 选择 没有 数据 时 显示 的 区 域 6-82 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 
ES 单 击 【确定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 显示 的 区 域 左上 角 出 现 了 

一 个 【如 果 符 合 此 条 件 则 显示 】 灰 色 标签 ， 这 表示 已 经 完成 设置 ， 效 果 如 图 6-83 所 示 。 
为 了 网 页 的 整体 显示 效果 ， 可 以 在 网 页 中 插入 一 个 图 片 ， 效 果 如 图 6-84 所 示 。 

















图 6-83 ”记录 集 为 空 图 6-84 插入 图 片 
EE 区) 至 此 ， 信 息 分 类 页 面 type.asp 的 制作 完成 ， 预 览 效果 如 图 6-85 所 示 。 
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6-85 ”信息 分 类 页 面 效 果 
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6.3.3 ”信息 内 容 页 面 的 设计 


信息 内 容 页 面 content.asp 用 于 显示 每 一 条 信息 的 详细 内 容 ， 这 个 页 面 设计 的 重点 在 于 如 
何 接收 主页 面 index.asp 和 type.asp 所 传递 过 来 的 参数 ， 并 根据 这 个 参数 显示 数据 库 中 相应 的 
数据 。 详 细 操 作 步 又 如 下 。 
EEC 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 列 表 框 中 的 ASP VBScript 选项 ， 在 【布局 】 下 拉 列 表 框 
中 选择 “无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 。 选 择 【 文 件 】 一 【保存 】 
菜单 命令 ， 在 站 点 中 information 文件 夹 中 将 该 文档 保存 为 content.asp。 
ED 页 面 设计 和 前 面 的 页 面 设 计 差不多 ， 在 这 里 不 作 详 细 的 页 面 制作 说 明 ， 效 果 如 
图 6-86 所 示 。 
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图 6-86 ”信息 内 容 页 面 设计 效果 

EECSRB) 单 击 【 绑 定 】 面 板 中 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 
在 打开 的 【记录 集 】 对 话 框 中 输入 如 表 6-8 所 示 的 数据 ， 再 单 击 【 确 定 】 按 钮 后 就 
完成 设 定 了 ， 对 话 框 的 设置 如 图 6-87 所 示 。 





表 6-8 记录 集 设置 







Recordsetl 
连接 information 





information_id、=、URL 参数 、 


information id 









EC 将 光标 定位 在 第 2 行 第 2 列 ， 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ， 打 开 【 表 
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格 】 对 话 框 ， 在 其 中 设置 表格 的 参数 ， 如 图 6-88 所 示 。 
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图 6-87 设 定 记录 集 图 6-88 设 定 表格 


EEIDp 单 击 【确定 】 按 钮 ， 在 网 页 中 插入 一 个 3 行 1 列 的 表格 。 然 后 选择 【插入 】 一 
【图 像 】 菜 单 命令 ， 在 表格 的 第 2 行 插入 一 个 图 片 ， 如 图 6-89 所 示 。 


图 6-89 插入 图 片 


ERgp 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 content.asp 页 面 中 的 适当 位 置 ， 完 成 信 
息 内 容 页 面 content.asp 的 制作 ， 如 图 6-90 所 示 。 


{Rocordaot1. inforaation_titlol 











hecordsetl, information econteat} 





图 6-90 ” 绑 定 记录 集 到 页 面 中 


四 TY 绑 定数 据 到 页 面 后 ， 设 置信 息 标 题 和 信息 内 容 的 样式 ， 可 更 加 美观 。 选 择 信息 
标题 字段 ， 在 【 属性】 面板 CSS 样式 表 中 ， 设 置 大 小 为 14px， 字 体 颜 色 为 #000， 加 
粗 ， 在 弹出 的 【新 建 CSS 规则 】 对 话 框 中 ， 设 置 名 称 为 title， 如 图 6-91 所 示 。 








CE | Ca 





6-91 【新 建 CSS 规则 】 对 话 框 


EC 用 同样 的 方法 设置 信息 内 容 的 样式 ， 这 样 信息 内 容 页 面 完 成 制作 。 预 览 效果 如 
图 6-92 所 示 。 








图 6-92 ”信息 内 容 页 面 效 果 


6.3.4 系统 页 面 的 测试 


制作 好 一 个 系统 后 ， 需 要 测试 无 误 ， 才 能 上 传 到 服务 器 以 供 使 用 。 下 面 介绍 系统 页 面 测 
试 的 操作 步骤 。 
EDp 打开 下 浏览 器 ， 在 地 址 栏 中 输入 http://localhost/index.asp， 打 开 index.asp 页 
面 ， 如 图 6-93 所 示 。 
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6-93 ”打开 首页 


TY 单 击 页 面 左 侧 的 信息 分 类 模块 下 的 链接 ， 如 这 里 单 击 【 养 生 之 道 】 超 链接 ， 即 
可 在 右 侧 的 页 面 中 显示 有 关 养 生 之 道 的 信息 ， 如 图 6-94 所 示 。 
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图 6-94 查看 养生 之 道 信息 


ECEJRS) 单 击 【饮食 养生 】 超 链接 ， 在 右 侧 的 页 面 中 则 显示 有 关 饮 食 养生 的 信息 ， 如 
图 6-95 所 示 。 
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图 6-95 ”查看 饮食 养生 信息 
EC 如 果 想 要 查看 分 类 信息 的 详细 内 容 ， 可 以 在 右 侧 的 分 类 信息 中 单 击 任意 一 个 标 
题 ， 就 可 以 打开 该 标题 的 详细 内 容 页 面 ， 如 图 6-96 所 示 。 这 就 说 明 信 息 资讯 管理 系 
统 的 前 台 页 面 设 计 完成 。 
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图 6-96 分 类 信息 详细 内 容 


6.4 ”后 台 管理 页 面 设计 


信息 资讯 管理 系统 后 台 管 理 非常 重要 ， 管 理 者 可 以 通过 账号 和 密码 进入 后 台 对 信息 分 
类 ， 对 信息 内 容 进 行 增加 、 修 改 或 删除 ， 使 网 站 能 随时 保持 最 新 、 最 实时 的 信息 。 


6.4.1 后 台 管 理 入 口 页 面 


后 台 管理 主页 面 必须 受到 权限 管理 ， 可 以 利用 登录 账号 与 密码 来 判别 是 否 由 此 用 户 来 实 
现 权 限 的 设置 管理 。 详 细 操作 步骤 如 下 。 

EC 选择 【文件 】 一 【新 建 】 菜 单 命令 ， 打 开 【 新 建文 档 】 对 话 框 ， 选 择 【 空 白 
页 】 选 项 面板 【页 面 类 型 】 列 表 框 中 的 ASP VBScript 选项 ， 在 【布局 】 列 表 框 中 选 
择 “ 无 ”选项 ， 然 后 单 击 【 创 建 】 按 钮 创建 新 页 面 ， 输 入 网 页 标题 “后 台 管理 入 
口 ”。 选 择 【 文 件 】 一 【保存 】 菜 单 命令 ， 在 站 点 information\admin 文件 夹 中 将 该 
文档 保存 为 admin_ login.asp。 

EERDy 选择 【插入 】 一 【表单 】 一 【表单 】 菜 单 命令 ， 插 入 一 个 表单 。 

EEep 将 鼠标 指针 放置 在 该 表单 中 ， 选 择 【 插 入 】 一 【表格 】 菜 单 命令 ， 打 开 【 表 
格 】 对 话 框 ， 在 【 行 数 】 文 本 框 中 输入 4， 在 【 列 】 文 本 框 中 输入 2， 在 【表格 宽 
度 】 文 本 框 中 输入 400 像素 ， 其 他 选项 保持 默认 值 ， 如 图 6-97 所 示 。 
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插入 一 个 宽度 为 400 
像素 、 4 行 2 列 的 表 






























































图 6-97 【表格 】 对 话 框 


EC 单 击 【 确 定 】 按 钮 ， 在 该 表单 中 插入 了 一 个 4 行 2 列 的 表格 。 选 择 表格 ， 在 
【 属性】 面板 中 ， 设 置 【 对 齐 】 为 “居中 对 齐 ”。 拖 动 鼠标 选择 第 1 行 表格 所 有 单 
元 格 ， 在 【属性 】 面 板 中 单 击 包 按钮， 将 第 1 行 表格 合并 。 用 同样 的 方法 把 第 4 行 
合并 ， 如 图 6-98 所 示 。 





6-98 ”合并 单元 格 


EEIpy 在 表格 的 第 1 行 中 输入 文字 “信息 资讯 系统 后 台 管 理 中 心 ”， 在 表格 的 第 2 行 
第 1 个 单元 格 中 输入 文字 说 明 “账号 ”， 在 第 2 行 表格 的 第 2 个 单元 格 中 选择 
【插入 】 一 【表单 】 一 【文本 域 】 菜 单 命令 ， 插 入 单行 文本 域 表单 对 象 ， 定 义 文本 
域名 为 usemame，【 类 型 】 为 “单行 ”。 文 本 域 属性 设置 及 效果 如 图 6-99 所 示 。 


信息 资讯 系统 后 台 管 理 中 心 : 














男 文本 域 字符 宽度 0) 类 型 加 单行 6) 。 口 杀 行 叫 局 密码 中) 类 CE) 无 加 
9 





usernme 最 多 字符 教 初始 值 0 了 ) | 
口 昔 用 四 ) 
口 R 访 四 











图 6-99 输入 账号 名 和 插入 文本 域 的 设置 与 效果 
EEDy 在 第 3 行 表 格 第 1 个 单元 格 中 输入 文字 说 明 “密码 : ”， 在 第 3 行 表格 的 第 2 


全 1 


个 单元 格 中 选择 【插入 】 一 【表单 】 一 【文本 域 】 菜 单 命令 ， 插 入 单行 文本 域 表单 
对 象 ， 定 义 文本 域名 为 password，【 类 型 】 为 “密码 ”。 文 本 域 属性 设置 及 效果 如 
图 6-100 所 示 。 









mm 类 型 中 单行 6) 中 多 行 如 。 同窗 码 P) 类) 无 加 
password 最 多 字符 数 初始 什 0) ]# 

加 禁用 加 ) 

口 只 读 中 






















图 6-100 输入 密码 名 和 插入 文本 域 的 设置 及 效果 


EC 选择 第 4 行 表 格 ， 选 择 两 次 【插入 】 一 【表单 】 一 【按钮 】 菜 单 命令 ， 插 入 两 
个 按钮 ， 并 分 别 在 【属性 】 面 板 中 进行 属性 变更 ， 一 个 为 登录 时 用 的 “提交 表单 ” 
选项 ， 一 个 为 “ 重 设 表单 ”选项 。 属 性 设置 及 效果 如 图 6-101 所 示 。 


值 W) 梧 | 动作 加 提交 表单 6) 中 无 天 加 无 ~ 
站 重 设 表单 中 


按 甸 名 称 值 w 重要 动作 门 提交 表单 S) 中 无 类 加 无 ~ 
加 重 设 表 单 中 











6-101 设置 按钮 的 属性 及 效果 


EGRB 选择 网 页 中 的 整个 表格 ， 然 后 在 【属性 】 面 板 中 设置 表格 的 对 齐 方式 为 “居中 
对 齐 ”， 边 框 的 大 小 为 2， 具 体 的 参数 设置 如 图 6-102 所 示 。 

















行 Bjt | 帘 D 400 | 填充 QP) 0 | 对齐 W [居中 对 齐 ~] 类 C) 无 
列 Oz | 间距 GS) 0 “边框 @)2 | 


mw RI ee 











6-102 ”设置 表格 属性 


EEJDD 选择 表格 中 的 文字 ， 然 后 在 【属性 】 面 板 中 的 CSS 设置 界面 中 设置 文字 的 大 小 
为 16， 表 格 的 背景 颜色 为 上 66CCFF， 如 图 6-103 所 示 。 


营 洲 峭 下 对 开 亚 蛮 _ 贡 9 小 上 
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案例 课堂 四 一 

《mL 目标 规则 #fornl table tr td ”~ | 字体 四 ) 默认 字体 -IBjf 主 又 本 本 
如 css 编辑 规则 ”| [_Css 面板 gf) ] 大 小 G) 16 ~ 区 7 

叶 单元 格 。 水 平 上 )[ 居 中 对 齐 “ | 宽 @) | | 不 换行 @) 门 背景 颜色 (6) 国 | seeccrr [页 面 属性 ..， | 
一 癌症 埠 中 网 ”| 高 | 2 标题 四 

















6-103 ”设置 CSS 样式 属性 


区 DY 单 击 【服务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验 
证 】 一 【登录 用 户 】 菜 单项 ， 打 开 【 登 录用 户 】 对 话 框 。 设 置 如 果 不 成 功 ， 将 返回 
登录 页 面 admin_login.asp 重新 登录 ; 如 果 成 功 ， 将 登录 后 台 管理 主页 面 admin.asp， 
如 图 6-104 所 示 。 

EC 选择 【窗口 】 一 【行为 】 菜 单 命 令 ， 打 开 【 行 为 】 面 板 ， 单 击 外 按钮 ， 在 弹出 
的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 设 置 username 和 
password 文本 域 的 【 值 】 都 为 “必需 的 ”，【 可 接受 】 为 “任何 东西 ”， 如 图 6-105 





































































































所 示 。 
从 表 间 区 输入 -[EornL 四 
用 广 儿 字段 [aserne 加 
\ 图 码 字段 [passyerd -= 
SN 使 用 连 所 验证 [information 
SS 表格 - [Sai 
用 广 名 列 [asernwm 加 
password 旧 
知 时 登录 成 功 , 转 到 :adnin. asp Em 
转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 闪 败 ， 转 到 :admin_loginv asp GE 全 回 [和 四 
入 于 以 下 项 限制 访问 : 加 用 户 各 和 安 码 
刁 用 户 各 、 因 码 和 访问 级 别 可 接受 ， 回 任何 东西 Os 
瑞雪 到 和 [i 村 个 电子 部件 地 址 。 日 数字 从 
6-104 【登录 用 户 】 对 话 框 6-105 【检查 表单 】 对 话 框 


EEP) 单 击 【 确 定 】 按 钮 ， 回 到 编辑 页 面 ， 完 成 后 台 管 理 入 口 页 面 admin_login.asp 的 
设计 与 制作 。 预 览 效 果 如 图 6-106 所 示 。 





























6-106 页面 预览 效果 


全 i 





后 台 管 理 主 
息 分 类 ， 信 息 内 容 的 新 增 、 修 改 或 删除 ， 使 网 站 能 随时 保持 最 新 、 最 实时 的 信息 。 详 细 操作 
步骤 如 下 。 


打开 admin.asp 页 面 (此 页 面 设 计 比较 简单 ， 页 面 设计 在 这 里 不 作 说 明 )， 单 击 
【 绑 定 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 在 【 记 
录 集 】 对 话 框 中 ， 输 入 如 表 6-9 的 数据 ， 再 单 击 【 确 定 】 按 钮 后 完成 设 定 。 设 置 如 
图 6-107 所 示 。 





表 6-9 记录 集 设置 


设置 值 


| amaim | 


information 















































图 6-107 设 定 记录 集 


ZY 单 击 【确定 】 按 钮 ， 完 成 记录 集 Re 的 绑 定 。 绑 定 记 录 集 后 ， 将 Re 记录 集中 的 
information_title 字段 插入 至 admin.asp 网 页 中 的 适当 位 置 。 

BY 在 这 里 要 显示 的 不 单 是 一 条 信息 记录 ， 而 是 多 条 信息 记录 ， 所 以 要 加 入 重复 区 
域 。 选 择 需要 重复 的 区 域 ， 如 图 6-108 所 示 。 


{Re. information_ title} 





6-108 ”选择 重复 的 区 域 


区 YY 单 击 【服务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单 
项 ， 打 开 【 重 复 区 域 】 对 话 框 ， 设 定 一 页 显示 的 数据 为 10 条 记录 ， 如 图 6-109 
所 示 。 
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EEJDp 单 击 【确定 】 按 钮 加 到 编辑 页 面 ， 会 发 现 先前 选取 要 重复 的 区 域 左 上 角 出 现 了 
一 个 【重复 】 灰 色 标 签 ， 这 表示 已 经 完成 设 定 ， 如 图 6-110 所 示 。 






























重复 
{Re. information_title} 


图 6-109 选择 重复 的 区 域 图 6-110 出现 灰 色 标签 


ED 当 显 示 的 信息 数据 大 于 10 条 ， 就 必须 加 入 记录 集 分 页 功能 了 。 在 【插入 】 面 板 
的 【数据 】 类 型 中 ， 单 击 避 按钮 ， 打 开 【 记 录 集 导航 条 】 对 话 框 ， 选 取 Re 记录 集 ， 
设置 导航 条 的 显示 方式 为 文本 ， 然 后 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 
出 现 该 记录 集 的 导航 条 ， 效 果 如 图 6-111 所 示 。 


























ES 一 央 
{Re, infornation_title} 























图 6-111 页 面 显示 效果 
ECEJDp admin.asp 是 提供 管理 者 链接 至 信息 编辑 的 页 面 ， 可 进行 新 增 、 修 改 与 删除 等 操 
作 ， 所 以 设置 了 4 个 链接 ， 设 置 如 表 6-10 所 示 。 
表 6-10 admin.asp 页 面 的 表格 设置 


| 
连接 页 面 information upd.asp 


content.asp 删除 information_del.asp 


information add.asp 
其 中 “标题 字段 {re news title}” “修改 ”及 “删除 ”的 链接 必须 要 传递 参数 
人 news id 给 转 到 的 页 面 ， 这 样 转 到 的 页 面 才 能 够 根据 参数 值 将 某 一 笔 数 据 从 数据 
库 筛 选 出 来 再 进行 编辑 。 
ER 首先 选取 文本 “添加 信息 资讯 ”， 在 【插入 】 面 板 【 常 用 】 类 型 下 单 击 【 超 级 
链接 】 按 钮 ， 将 它 链接 到 admin 文件 夹 中 的 information add.asp 页 面 ， 如 图 6-112 











全" 


所 示 。 
EGRD) 在 右边 栏 中 添加 “修改 ”和 “删除 ”文字 。 选 取 “ 修 改 ” 文 字 ， 然 后 单 击 【 服 
务 器 行为 】 面 板 上 的 由 按钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 选 项 ， 如 图 6-113 





所 示 。 











图 6-112 【超级 链接 】 对 话 框 图 6-113 ”选择 【 转 到 详细 页 面 】 选 项 


EEC 打开 【 转 到 详细 页 面 】 对 话 框 ， 单 击 【浏览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 
框 ， 选 择 admin 文件 夹 中 的 information_upd.asp， 其 他 设置 为 默认 值 ， 如 图 6-114 
所 示 。 

ED 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 要 转 到 的 页 面 改 为 information_del.asp， 
如 图 6-115 所 示 。 














Ht [RE 
ntion up aa 
全 URL 多: Tn70rmati0n-36。。。。 黄玉 XN 


记 条 焦 |e a 








天 FnEomation_id 站 
伟 闻 视 有 台中] URL 学 并 
回 表单 名 竹 





图 6-114 【 转 到 详细 页 面 】 对 话 框 6-115 ”设置 “删除 ”链接 转 到 的 页 面 


EEP) 再 选取 标题 字段 {Re_information_title} 并 重复 上 面 的 操作 ， 要 前 往 的 详细 页 面 改 
为 content.asp， 如 图 6-116 所 示 。 


BN 





甸 权 -所 远 泊 围 :9 Ee Faelds Iten 了 
详细 信息 页 content. azp + 
作证 URL 雪 战 : information_id 设置 为 以 PNB9 什 











记录 集 : Ee 四 





天 iniornation_id 了 
供 递 讽 有 参数 :局 ] URL 参数 
表单 参数 





图 6-116 【 转 到 详细 页 面 】 对 话 框 
EEE) 单 击 【确定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 ， 到 这 里 已 经 完成 了 信息 内 容 的 
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编辑 ， 如 图 6-117 所 示 。 


{Re, info? 








nat tir) “人 忆 下 ] 硼 陋 














6-117 ”完成 转 到 详细 页 面 的 设置 


EEC 现在 来 设置 信息 分 类 。 单 击 【 绑 定 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 
【记录 集 (查询 )】 菜 单项 ， 在 打开 的 【记录 集 】 对 话 框 中 ， 输 入 设 定 值 如 表 6-11 所 
示 的 数据 ， 单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 6-118 所 示 。 


表 6-11 记录 集 设置 





information 
information type 


本 对 BY 绑 定 记 录 集 后 ， 将 Rel 记录 集中 的 type_name 字段 插入 至 admin.asp 网 页 中 的 适 
当 位 置 ， 然 后 在 字段 的 后 面 输入 “修改 ”和 “删除 ”文字 信息 ， 如 图 6-119 所 示 。 


设置 值 






























































[RE@| 

名 称 : Rel | 
过 六 ES Es 一 -一 
[Tt En 

Te wo 

请 你 管理 信息 分 类 ! 

节选: | 无 站 

[者 娄 
排序 :无 到 [升序 

{Rel. type_nane} [修改 ] [删除 ] : 
6-118 【记录 集 】 对 话 框 6-119 ”将 记录 集 的 字段 插入 至 admin.asp 网 页 中 


EC 在 这 里 要 显示 的 不 单 是 一 条 信息 分 类 记录 ， 而 是 全 部 的 信息 分 类 记录 ， 所 以 要 
加 入 服务 器 行为 “重复 区 域 ”。 选 择 需要 重复 的 表格 ， 如 图 6-120 所 示 。 

EDD 单 击 【服务 器 行为 】 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单 
项 ， 打 开 【 重 复 区 域 】 对 话 框 ， 设 定 一 页 显示 的 数据 为 【所 有 记录 】， 如 图 6-121 
所 示 。 

EC 单 击 【确定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 重复 的 区 域 堪 上 角 出 现 了 
一 个 【重复 】 灰 色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 6-122 所 示 。 

EC 首先 选取 左边 栏 中 的 “修改 ”文字 ， 然 后 单 击 【 服 务 器 行为 】 面 板 上 的 国 按 
钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 菜 单项 ， 打 开 【 转 到 详细 页 面 】 对 话 
框 ， 单 击 【 浏 览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 框 ， 选 择 admin 文件 夹 中 的 


_ 册 9 跟 


type_upd.asp， 其 他 设置 为 默认 值 ， 如 图 6-123 所 示 。 


{Rel.type_namej [修改 ] [出 除 ] 


6-120 ”选择 要 重复 的 一 行 6-121 【重复 区 域 】 对 话 框 


























党 洲 财 咒 洁 六 红 二 _ 
























































: 仿 e1. type_name} [修改 ] [ 晤 除 ] 





图 6-122 ”添加 重复 区 域 效果 图 6-123 【 转 到 详细 页 面 】 对 话 框 


ESED 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 要 前 往 的 详细 页 面 改 为 type_del.asp， 如 
图 6-124 所 示 。 





























这 [所 过 二 ,和 和 | 
详细 信息 页 : type_del. azp BE 
传递 URL 天 至 type_id 设置 为 以 下 项 8 从 
记录 入 
[nt 
传递 现 有 参数 站] URL 参数 
日 素 单 允 数 








图 6-124 【 转 到 详细 页 面 】 对 话 框 
E 辐 区) 后 台 管理 是 管理 员 在 后 台 管理 入 口 页 面 admin_login.asp 输入 正确 的 账号 和 密码 
才 可 以 进入 的 一 个 页 面 ， 所 以 必须 设置 限制 对 本 页 访问 的 功能 。 单 击 【 服 务 器 行 
为 】 面 板 中 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身 份 验证 】 一 【限制 对 页 的 访 
问 】 菜 单项 ， 如 图 6-125 所 示 。 
本 对 ZY 在 打开 的 【限制 对 页 的 访问 】 对 话 框 中 的 【基于 以 下 内 容 进行 限制 】 栏 选择 
“用 户 名 和 密码 ”，【 如 果 访 问 被 拒绝 ， 则 转 到 】 设 置 为 首页 index.asp， 如 图 6-126 
所 示 。 
臣 对》 单 击 【确定 】 按 钮 ， 就 完成 了 后 台 管理 主页 面 admin.asp 的 制作 ， 预 览 效 果 如 | 
图 6-127 所 示 。 
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基于 以 下 内 下 进行 限 刨 ， 园 。 月 产 名 和 宣 码 
个 FS, 事权 和 刘强 副 
过 3 级 别 ， 


























图 6-126 【限制 对 页 的 访问 】 对 话 框 
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图 6-127 后 台 管 理 页 面 效 果 


6.4.3 ”新 增 信息 页 面 


新 增 信息 页 面 information_add.asp 主要 用 来 实现 插入 信息 的 功能 ， 详 细 操作 步骤 如 下 。 

创建 mformation add.asp 静态 页 面 ， 效 果 如 图 6-128 所 示 。 

ECEDD9 单 击 【 绑 定 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 
在 打开 的 【记录 集 】 对 话 框 中 ， 输 入 设 定 值 如 表 6-12 所 示 的 数据 ， 单 击 【 确 定 】 按 
钮 完成 设置 ， 如 图 6-129 所 示 。 


全 1 


加 








| 

| 
第 
管理 员 ， 你 好 ! 请 你 未 加 信息 : 0 
Ee 章 

信息 分 类 : 加 :作者 : 

吾 
本 息 

资 
讯 
管 
人 sm: 理 
系 

统 

发 运 重 三 」 。 这 "号 六 必 博 硕 目 






图 6-128 新 增 信息 页 面 效果 
表 6-12 记录 和 集 设置 


| 属性 | 
名 称 ET 
连接 
表格 排序 
记录 要 


IGG 








3 

名 用 : Recordseti 记 三 |] 
连接 [EaEoraation [ES Cm |] 
表格 [information_type =] 一 一 | 
殊 间 全 部 进 定 的 | | 
-一 [帮助 | 





图 6-129 【记录 集 】 对 话 框 
EEIes 绑 定 记录 集 后 ， 单 击 【 信 息 分 类 】 列 表 菜 单 ， 在 【属性 】 面 板 中 ， 单 寺 
区 “和 姥 .] 按 钮 ， 打 开 【 动 态 列表 / 菜 单 】 对 话 框 ， 设 置 如 表 6-13 所 示 的 数据 ， 如 
6-130 所 示 。 








Er 

















表 6-13 【动态 列表 /菜单 】 对 话 框 设置 








属 性 设置 值 
来 自 记录 集 的 选项 Recordsetl 
值 type id 
标签 type name 








ES 单 击 【选取 值 等 于 】 后 面 的 【 邹 】 按 钮 ， 打 开 【 动 态 数据 】 对 话 框 ， 在 其 中 选 
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择 记 录 集 的 type_name 字段 ， 如 图 6-131 所 示 。 





















































re | 域 :| 电 转 记录 集 Recordset1) 
= 本 LE 
着 志 先 项- 过] 亡 ] [SS 
广 一 一 多 [第 一 个 记录 家 引 ] 
多 。 [最 后 一 个 记录 索引 ] 
多 [总 记录 数 ] 
来自 记录 集 的 选项 -|Becordsetl. 二 
全 [mei 7 
标 答 ”| bpe_nani 
选取 值 等 于 到 格式 : 无 
6-130 【动态 列表 /菜单 】 对 话 框 图 6-131 【动态 数据 】 对 话 框 


【 确定】 按钮， 完成 动态 数据 的 绑 定 ， 如 图 6-132 所 示 。 
ET 在 information_add.asp 编辑 页 面 中 ， 单 击 【 服 务 器 行为 】 面 板 上 的 加 按钮 ， 在 弹 
出 的 菜单 中 选择 【插入 记录 】 菜 单项， 如 图 6-133 所 示 。 


困 -文档 类 型 ， ASP VBseript 




















[nformationiyne0 在 娄 浊 6 CC 到 
种 志 二 顶 - 让] 三 ] CIS] = 
值 标签 
来 自 记录 集 的 选项 ; [Reewrdsetl ”| 
全 |typeid - 
行 闪 [openme = 








选取 值 等于。 <W= (Recordset1. Fields. Iten(” 国 











图 6-132 【动态 列表 /菜单 】 对 话 框 图 6-133 ”选择 【插入 记录 )】 菜单 项 
葬 于 > 在 【插入 记录 】 对 话 框 中 ， 输 入 如 表 6-14 的 数据 ， 并 设 定 “ 插 入 后 ， 转 到 ”为 
后 台 管 理 主页 面 admin.asp， 如 图 6-134 所 示 。 
表 6-14 【插入 记录 】 对 话 框 设置 


设置 值 

连接 information forml 

插入 到 表格 information 表单 字段 与 数据 表 字 段 相对 应 
插入 后 ， 转 到 admin.asp 


EESB) 单 击 【 确 定 】 按 钮 完成 插入 记录 功能 ， 选 择 【 窗 口 】 一 【行为 】 菜 单 命令 ， 打 
开 【 行 为 】 面 板 ， 单 击 凶 按钮 ， 在 弹出 的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 














全 1 


【检查 表单 】 对 话 框 ， 设 置 【 值 】 为 “必需 的 ”，【 可 接受 】 为 “任何 东西 ”， 如 
图 6-135 所 示 。 























myat Tinoraction title™ th] 
ingat “inforntti on satherr 

















征 回 挛 呈 的 











可 接受 : 全 任何 东西 © Wwe 
伸 电子 闻 伯 地址。 癌 数字 从 

















6-134 【插入 记录 】 对 话 框 图 6-135 【检查 表单 】 对 话 框 


EEC) 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 完 成 information_add.asp 页 面 的 设计 ， 在 其 中 
根据 提示 输入 需要 添加 的 信息 内 容 ， 如 图 6-136 所 示 。 

EC 单 击 【 发 送 】 按 钮 ， 即 可 将 信息 内 容 添 加 到 网 站 后 台数 据 库 之 中 ， 并 在 管理 员 
主页 面 中 显示 出 来 ， 如 图 6-137 所 示 。 
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7 和 这 和 分 关 ! 生 二 胡 空 皮 1 遇 和 扩 五 坟 区 
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tt oszraek anugsa |。 er rae em 
I | 和 Sh0 区 | 


可 帮 划 卜 罕 条， 从 头 到 克 临 区 卜 强 雪人 

















图 6-136 添加 信息 的 内 容 图 6-137 管理 员 主 页 面 


6.4.4 修改 信息 页 面 


修改 信息 页 面 information_upd.asp 的 主要 功能 是 将 数据 表 中 的 数据 送 到 页 面 的 表单 中 进 
行 修改 ， 然 后 再 将 数据 更 新 到 数据 表 中 。 详 细 操作 步骤 如 下 。 
EC) 打开 information upd.asp 页 面 ， 单 击 【 绑 定 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 选择 【记录 集 (查询 )】 菜 单项 ， 在 打开 的 【记录 集 】 对 话 框 中 ， 输 入 设 定 值 如 
表 6-15 所 示 的 数据 ， 单 击 【确定 】 按 钮 完成 设置 ， 如 图 6-138 所 示 。 
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表 6-15 记录 集 设置 










information_ id、 一、URL 参数 、 


information id 














第 过 [infornationid | | 
WL 者 数 
养 序 :无 








图 6-138 【记录 集 】 对 话 框 


TZ 用 同样 的 方法 再 绑 定 一 个 记录 集 Recordset2， 在 【记录 集 】 对 话 框 中 输入 如 表 6-16 
所 示 的 数据 ， 该 记录 集 用 于 实现 下 拉 列 表 框 动态 数据 的 绑 定 。 单 击 【 确 定 】 按 钮 完 
成 设置 ， 如 图 6-139 所 示 。 


表 6-16 记录 集 设置 







Recordset2 

















连接 information 无 
information type 无 
[3 
i cordset ?| [3 到 | 
em 0 | 世 
表格 : [information_type = it 
列 e 全 部 选 定 的 : L > 
CE E70] 














6-139 【记录 集 】 对 话 框 


仿 200 


绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 information_ upd.asp 网 页 中 的 适当 位 置 ， 
如 图 6-140 所 示 。 


管理 员 ， 你 好 ! 请 你 修改 信息 : 

















信息 标题 : | {Recordset1. information_title 
匣 新 时 间 : 
信息 分 类 : 作者 : | {Recordsetl 








{Recordset1. information_content} 


信息 内 容 : 

















| 更 新 重 设 | 


w+ ET 














图 6-140 ”字段 的 插入 
EC 在 “更 新 时 间 ” 栏 中 必须 取得 系统 的 最 新 时 间 ， 方 法 是 在 “更 新 时 间 ” 文 本 域 
【 属性】 面板 的 【初始 值 】 文 本 框 中 加 入 代码 <%=now0%>， 如 图 6-141 所 示 。 
<%=now ()%> // 取 得 系统 当前 时 间 


类 型 可 单行 B) 站 多 行 D 中 窗 电 中) 类 C5) 无 
初始 值 I) [Snow 0%》 多 

















禁用 0) 
加 只 读 中 ) 








图 6-141 加 入 代码 取得 最 新 时 间 


区 于 BY 单 击 【 信 息 分 类 】 列 表 菜 单 ， 在 【属性 】 面 板 中 单 击 区 _ 琵 -按钮 ， 在 打开 的 
【动态 列表 /菜单 】 对 话 框 中 设置 如 表 6-17 所 示 的 数据 ， 如 图 6-142 所 示 。 


表 6-17 【动态 列表 /菜单 】 对 话 框 设置 


Recordset2 





EC 单 击 【选取 值 等 于 】 后 面 的 【动态 数据 】 按 钮 ， 打 开 【 动 态 数据 】 对 话 框 ， 选 
择 Recordsetl 记录 集中 的 information type 字段 ， 如 图 6-143 所 示 。 

ED 完成 表单 的 布置 后 ， 在 information_upd.asp 页 面 中 单 击 【服务 器 行为 】 面 板 上 的 
外 按钮 ， 在 弹出 的 菜单 中 选择 【更 新 记录 】 菜 单项 ， 如 图 6-144 所 示 。 
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Recordset2 


typeid 














[enane 了 
< (Recordset1.Fields. Itea( 到 













城 ;[ 瑟 蕊 “这 系 全 Gecorasett) “| | 
inforaation id | 
itmsiscuius | 中 | a) 






information_eonten| 
information_date 
information_anthor 
[第 一 个 记录 索引 ] 
[最 后 一 个 记录 案 引 ] 
[总 记录 数 ] 
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BD 
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RY = Rocordsat! Fields Tt Cinfor 











图 6-143 【动态 列表 /菜单 】 对 话 杠 图 6-144 ”选择 【更 新 记录 】 菜单 项 
ED 在 打开 的 【更 新 记录 】 对 话 框 中 ， 输 入 如 表 6-18 所 示 的 值 ， 如 图 6-145 所 示 。 
表 6-18 更 新 记录 表格 设置 











属 性 设置 值 
连接 information 
要 更 新 的 表格 information 
选取 记录 自 Recordsetl 
唯一 键 列 information id 
在 更 新 后 ， 转 到 admin.asp 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字 段 相 对 应 


ED 单 击 【确定 】 按 钮 ， 完 成 修改 信息 页 面 的 设计 。 预 览 效果 如 图 6-146 所 示 。 

TY 例如 这 里 将 该 信息 的 标题 修改 为 “红枣 的 六 种 吃 法 ! ”， 然 后 单 击 【 更 新 】 按 
钮 ， 页 面 会 自动 转 到 admin.asp， 在 其 中 可 以 看 到 修改 之 后 的 信息 ， 如 图 6-147 
所 示 。 
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6-146 ”修改 信息 页 面 
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梁 加 信息 分 记 贱 上 流星 比 早上 效果 好 ? 建议 怕 饭 后 ! 小 时 开始 
管理 员 保 好 ! 请 你 管理 信息 分 天， 直角 不 能 空 磺 喝 唱 牛 拓 有 五 十 设 区 
类 型 ET 隐 季 干燥 上 火 4 大 食疗 方 降 炎 宙 焕 
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图 6-147 ”信息 修改 后 的 效果 
6.4.5 删除 信息 页 面 


删除 信息 页 面 的 方法 与 修改 的 页 面 的 方法 差不多 ， 它 只 是 将 表单 中 的 数据 从 站 点 的 数据 
表 中 删除 。 详 细 操作 步骤 如 下 。 

EC 打开 informmation delasp 页 面 ， 单 击 【 绑 定 】 面 板 上 的 外 按钮 ， 接 着 在 弹出 的 菜 

单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 在 打开 的 【记录 集 】 对 话 框 中 ， 输 入 设 定 值 如 

表 6-19 所 示 的 数据 ， 单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 6-148 所 示 。 


表 6-19 记录 集 设 置 













属 性 设置 值 设置 值 

名 称 | Recordsetl 全 部 

连接 | information information id、=、URL 参数 、information id 
表格 
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名 称 : Recordset1 
连接 - [iaformation 加 [ES 
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列 回 全 部 “名 选 定 的 : 
information id 
information_title 
information_type 国 


information_content 
information_date 




































































第 选 : [infornation_id |[= 
TEL 多 数 了] infornation_id 
排序 : | 无 二 [天 序 =] 














图 6-148 【记录 集 】 对 话 框 


ECG 用 同样 的 方法 再 绑 定 一 个 记录 集 ， 在 打开 的 【记录 集 】 对 话 框 中 ， 输 入 设 定 值 
如 表 6-20 所 示 的 数据 ， 单 击 【确定 】 按 钮 完成 设置 ， 如 图 6-149 所 示 。 


表 6-20 ”记录 集 设置 
| 设置 值 | 属性 | 
i ype 











名 称 : 区 本 于 和 ] 
连接 : [infornation | [ 定 X.… 























表格 :| information_type 
列 回 全 部 “ 句 选 定 的 : 


type_id 
type_nane 


























第 选 : 无 


























排序 : 无 














6-149 ”设置 记录 集 参 数 





攻 9 洪 上 昌 


EEJep 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 information_del.asp 网 页 中 的 适当 位 置 ， 
如 图 6-150 所 示 。 





管理 员 ， 你 好 ! 你 要 山 除 此 信息 吗 ? 
息 标 题 : {Recordset1. information title 
信息 分 类 : 








淮 济 出 骂 洁 注 如 到 


信息 内 容 : 





[出 除 ]】 【取消 ] 
图 6-150 ”字段 的 插入 


区 YY 绑 定 记录 集 后 ， 单 击 【 信 息 分 类 】 菜 单 ， 在 【属性 】 面 板 中 ， 单 击 区 “ia 相 ，] 
按钮 ， 在 打开 的 【动态 列表 /菜单 】 对 话 框 中 设置 如 表 6-21 所 示 的 数据 ， 如 图 6-151 
























































所 示 。 
表 6-21 【动态 列表 /菜单 】 对 话 框 设置 
属 性 设置 值 
来 自 记录 集 的 选项 Recordset2 
值 type id 
标签 type_name 
选取 值 等 于 Recordsetl 记录 集中 的 information type 字段 
符 单 [atlect" 在 表单 “formi" 
地 坟 法 项 世 ] EI 4 
值 标签 
多 
多 information_date 
infornation suthor 
多 [第 一 个 记录 索引 ] 
来 自 记录 集 的 选项 。 [Recordset2 加 多 [最 后 一 个 记录 索引 ] 
多 【总 记录 数 ] 
和 田 图 记录 集 (hecordset2) 
和 [pe ne 
选取 值 等 于 。 <W= (Recordset1. Fields. Iten(”[ 邢 格式 无 7] 
SY = (Recordsetl. Fields. Tten Cinfo 








图 6-151 绑 定 动态 列表 /菜单 


TY 完成 表单 的 布置 后 ， 要 在 information_del.asp 页 面 中 单 击 【 服 务 器 行为 】 面 板 上 
的 外 按钮 ， 在 弹出 的 菜单 中 选择 【删除 记录 】 菜 单项 ， 在 打开 的 【删除 记录 】 对 话 
框 中 ， 输 入 设 定 值 如 表 6-22 所 示 ， 设 置 如 图 6-152 所 示 。 
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表 6-22 【删除 记录 】 对 话 框 设置 





属 性 设置 值 
连接 i i information id 
从 表格 中 删除 i i 提交 此 表单 以 删除 








选取 记录 自 删除 后 ， 转 到 admin.asp 








连接 : [information 


从 各 格 中 一 除 :|information 


选取 记录 自 ; |Recordsetl 








唯一 刍 列 [information_id 了 ] 同 数 便 
提交 此 表单 以 王 除 - [Eoral = 


副 除 后 ， 转 到 : adnin. asp 











6-152 【删除 记录 】 对 话 框 


EEJD 单 击 【确定 】 按 钮 ， 完 成 删除 信息 页 面 的 设计 。 然 后 进入 网 站 的 后 台 管理 页 
， 如 图 6-153 所 示 ， 在 这 里 可 以 对 网 页 的 信息 进行 删除 和 修改 处 理 。 

























































< 同 男 | 等 napy1z7a0320aoyodmi Bo-Ecx 
车 后 管理 让 
文人 | 月 妨 久 FE) 本 五 VV) 已 确 实 估 ) 工具 rm。 项 时 (H) 
1 A 
9 他 康 养生 川中 9 苹 记 和 , 
wm 有 no 好 og 
红 束 的 闵 陡 下 办 } 【 仿 注 ] [全 (你 ] 
[ 榨 汐 ] [ 删 陆 ] 
管理 员 作 好: 请 你 过 如 信息 河和 
十 可 信息 上 斥 夫 委 强人 名， 从 处 到 应 要 卜 刘 届 全 件 eer] 
这 信息 分 亲 受 上 和 类 比 军 上 小 某 失 9 建 说 杨 后 1 小 时 开 妈 I CNG] 
了 员 伯 好 + 主人 香 信息 分 类 : 千本 不能 衬 大 哆 1 图 二 角 有 五 次 区 下] 胃 后 ] 
类 和 村 干 给 上 火 4 大 电疗 万 理 和 入 巡 [EI] 
部 生 之 道 。。 【从 和] [WMM] 秋天 狼 生 沁 首选 5 保健 革 革 [ll] 
吹 究 样 生 【 丧 滩 ] [种 除 ] 
Sk 让 席 并 生效 有 涂 语 好 区 汉 俏 六 re] CRS 
廊 革 必要 从 水 四 神 术 ， 阳 一 种 更 刊 于 少 入 》 [得 下 1 [ 帅 忱 ] 
鹤 季 开局 和 甸 和 和 小 + 三 种 以 品 防 生生 好 [I] 
下 -个 最 后 -页 
6 
Er 

















6-153 ”后 台 管理 中 心 


EC 单 击 想 要 删除 信息 后 面 的 “删除 ”链接 ， 进 入 删除 信息 页 面 ， 如 图 6-154 所 示 。 
ECED) 单 击 【删除 】 按 钮 ， 返 回 到 后 台 管 理 中 心 页 面 ， 可 以 看 到 选择 的 信息 被 删除 ， 
如 图 6-155 所 示 。 
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Ee 


-| 合 hapy/lz7001:8080/nformaton delaspzirfommation id=35  D- Cx | 


管理 员 ， 你 好 ! 你 要 际 此 信息 3? 
信和 TEN 

全 4 关 :站 作者 : 吕 
hffhef jhf jhjhheh 





















































RT RM 


如 各 来 放假 VW 二 灶 


秋季 萝卜 机 人 区 从头 到 民 谍 萝卜 闫 身 健 什 





管理 总 你 好 ! 请 你 渤 加 信息 资讯 
史上 第 装 比 旱 上 区 时 村 ?了 建议 辽 杨 后 1 小 时 开始 


二 奶 不 本 宏昌 了 喝 舍 奶 有 五 个 误区 
各 要 二 上 炎 4 六 食疗 位 到 榜 
秋天 养生 汤 首 和 5 数 保健 并 区 
(Bk] (MR] 7 二 健 硬 关 生 弦 有 交 记 时 六 沿 同 给 
[ 信 疏 ] [ 员 辽 ] 
[和 国史] 读 共 必要 论 水 四 利水， 时 一 各 更 利于 沈 共 ? 
秋季 罕 昂 夺 由 所 么 办 9 三 种 以 虽 且 你 点 好 
全 多 天气 训 , 丰 记者 生 到 








图 6-155 删除 信息 后 的 效果 
6.4.6 ”新 增 信息 分 类 页 面 


新 增 信息 分 类 页 面 type_add.asp 的 功能 是 将 页 面 的 表单 数据 新 增 到 information_type 数据 
表 中 。 详 细 操作 步骤 如 下 。 
EC 打开 type_add.asp 页 面 ， 单 击 【 绑 定 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 
【记录 和 集 (查询 )】 菜 单项 ， 在 打开 的 【记录 和 集 】 对 话 框 中 ， 输 入 设 定 值 如 表 6-23 所 
示 的 数据 ， 单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 6-156 所 示 。 
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表 6-23 ”记录 集 设置 


































属 性 设置 值 设置 值 
名 称 | Recordsetl 全 部 
连接 | information 无 
information 无 
记录 要 [|] 
各 得 Recordset1 3 
连接 E 人 emation S|ES2 [=| 
要 格 : [inforaation_type =] 一 
列 回 全 部 刁 迁 证 的 | 
盖 








图 6-156 【记录 集 】 对 话 框 
EGRD9 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 【插入 记录 】 菜 
单 ， 在 打开 的 【插入 记录 】 对 话 框 中 ， 输 入 设 定 值 如 表 6-24 所 示 的 数据 ， 并 设 定 新 
增 数据 后 转 到 系统 管理 主页 面 admin.asp， 如 图 6-157 所 示 。 


表 6-24 【插入 记录 】 对 话 框 设置 

















属 性 设置 值 
连接 information 
插入 到 表格 information_type 
插入 后 ， 转 到 admin.as 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字 段 相对 应 
区 
Re [证 | 
| 
播 入 后 ， 转 到 : adn: 二 GE CR ] 
获取 值 和- [Eorml 司 考 有 六 时 ) 
科 间 元 和 TT 
到 [menme ?| 
把 六 为:[ 广 本 局 








图 6-157 【插入 记录 】 对 话 框 
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区 于 BY 选中 表单 ， 选 择 【 窗 口 】 一 【行为 】 菜 单 命令 ， 打 开 【 行 为 】 面 板 ， 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 设 置 
【 值 】 为 “必需 的 ”，【 可 接受 】 为 “任何 东西 ”， 如 图 6-158 所 示 。 


EEC 单 击 【 确 定 】 按 钮 ， 完 成 type_add.asp 页 面 设计 。 在 正 浏览 器 中 打开 网 站 后 台 
管理 中 心 页 面 ， 在 其 中 单 击 “ 添 加 信息 分 类 ”链接 ， 如 图 6-159 所 示 






































ss | One rm 
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下 全， 从 
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pr EL 
值 团 [ 必 有 的 


nl TN 
A 和 上 大 4 大人 7 天时 


HEME NC 

















的 
2 [NM RN 
人 © 
可 接 概 。 辐 任 何 东西 娄 en pm mT 
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了 
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图 6-158 【检查 表单 】 对 话 框 图 6-159 网 站 后 台 管 理 中 心 页 面 


ES 打开 添加 类 型 页 面 ， 在 【信息 分 类 名 称 】 文 本 框 中 输入 “四 季 养 生 ”， 如 图 6-160 
所 示 。 


ECERD 单 击 【添加 】 按 钮 ， 即 可 完成 信息 分 类 的 添加 操作 ， 打 开 “ 健 康 养生 ”网 站 的 
首页 ， 在 其 中 可 以 看 到 添加 的 养生 分 类 信息 “四 季 养 生 ” 





， 如 图 6-161 所 示 。 

















EEC | 
























































养生 分 类 最 新 养生 资讯 Informatio 
| -一 二 ee 有 上 儿 光 早上 条 生计 包 后 开始。 015/345 1 28 卫 
图 6-160 ”添加 类 型 页 面 图 6-161 添加 分 类 信息 后 的 效果 
6.4.7 ”修改 信息 分 类 页 面 
修改 信息 分 类 页 面 type_upd.asp 的 功能 是 将 数据 表 的 数据 传送 到 页 面 的 表单 中 进行 修 
改 ， 然 后 再 更 新 至 数据 表 中 。 详 细 操作 步骤 如 下 。 


ET 打开 type_upd.asp 页 面 ， 单 击 【 绑 定 】 面 板 上 的 固 按钮 ， 在 弹出 的 菜单 中 选择 
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【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 设 定 值 如 表 6-25 所 示 ， 单 
击 【 确 定 】 按 钮 完成 设 定 ， 如 图 6-162 所 示 。 





表 6-25 ”记录 集 设置 
属 性 设置 值 设置 值 
名 称 Recordsetl 全 部 
连接 information type id、=、URL 参数 、type id 
表格 information 无 
EDp 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 type_upd.asp 网 页 中 的 适当 位 置 ， 如 
图 6-163 所 示 。 
























记录 集 


名 称 : Recordset1 


连接 ;information J|[ 定 又 





表格 [information_type 


列 回 全 部 “ 占 选 让 的 一 一 一 
















管理 员 ! 请 你 修改 信息 分 类 ! 





分 类 名 称 : 





tpe 
也 改 





图 6-162 【记录 集 】 对 话 框 图 6-163 ”字段 的 插入 
完成 表单 的 布置 后 ， 在 type_upd.asp 页 面 中 ， 单 击 【 服 务 器 行为 】 面 板 上 的 外 
按钮 ， 在 弹出 的 菜单 中 选择 【更 新 记录 】 菜 单项 ， 在 打开 的 【更 新 记录 】 对 话 框 
中 ， 输 入 设 定 值 如 表 6-26 所 示 ， 对 话 框 如 图 6-164 所 示 。 
ER 单 击 【确定 】 按 钮 ， 完 成 修改 信息 分 类 页 面 的 设计 。 在 正 浏览 器 中 打开 网 站 后 
台 管 理 中 心 页 面 ， 在 其 中 单 击 信息 分 类 后 面 的 “修改 ”链接 ， 如 图 6-165 所 示 。 


表 6-26 【更 新 记录 】 对 话 框 设 置 


















设置 值 属 性 
连接 | information 在 更 新 后 ， 转 到 
要 更 新 的 表格 information_type 获取 值 自 

选取 记录 自 Recordsetl 
唯一 键 列 















表单 字段 与 数据 表 字 段 相对 应 








ype id 


全 2 




















































上 由 na bh pp 
健康 养生 中富 电 昌 
win com n ef 本 
ee | 了 
pe 和 + 责 你 志和 要 要 要 人 等 ， 从 到 居于 
Becordsety = pee 上 种 米 军 上 区 果 好 # 建 呈 后! 小 于 开始 
大 -二 中 [es EE SE 4 宰相 和 人 有 下 训 区 
在 要 新 后 ， 转 到 : acmin. 2D 生机 和 访 你 下 于 息 分 去 本 二 各 上 欠 3 大 入 方 人 和 久 
bv i es 2 和 和 大生 到 和 过 5 种 保 人 到 
要 元 科 : 亲生 之 的 。。 [个 前 ] [WW] 
区 衣 江 生 。。 [和 砍 】 [89] 7 人生 兴 和 和 了 了 汉 站 兴 
地 tk。 到 】 CN] 交办 要 这 本 四 种 水， 了 一 冲 更 和 二 治 枯 7 
本 二。 [ 们 朴 ] [办 1 3 
| 一 一 一 ed 
bE a 全 丰 放生 下 
4 : 人、 
6-164 【更 新 记录 】 对 话 框 图 6-165 网 站 后 台 管理 中 心 页 面 


区 了 BY 打开 修改 类 型 页 面 ， 在 其 中 可 以 对 信息 进行 修改 ， 如 这 里 将 “四 季 养 生 ” 修 改 
为 “冬季 养生 ”， 如 图 6-166 所 示 。 

TY 单 击 【 修 改 】 按 钮 ， 即 可 完成 信息 分 类 的 修改 操作 ， 进 入 后 台 管理 中 心 页 面 当 
中 ， 可 以 看 到 修改 后 的 结果 ， 如 图 6-167 所 示 。 


[ ¢ /CH Ter 
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ea 
共生 半 上 人 可 ， 人 汉江 小 加 | 洋人 人 
上 他 比 上 和 六 侍 记 折 后 148 天 的 
4 本寺 ?大 和 本 五代 区 











各 上 光 4 家 六 广 轩 兴 轩 只 
和 
俯首 生 旨 有 调价 兴 


人 机 论 本 四 音 灿 者 一 多 逢 于 于 
TL LE -| 





ES 











图 6-166 ”修改 类 型 页 面 


6.4.8 删除 信息 分 类 页 面 


删除 信息 分 类 页 面 type_del.asp 的 功能 是 将 表单 中 的 数 
据 从 站 点 的 数据 表 information type 中 删除 。 详 细 操 作 步 又 
如 下 。 

EC 打开 type_delasp 页 面 ， 单 击 【 服 务 器 行为 】 面 


板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 【命令 】 菜 单 
项 ， 如 图 6-168 所 示 。 图 6-168 选择 【命令 】 菜 单项 
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EDpy 在 打开 的 【命令 】 对 话 框 中 输入 如 表 6-27 所 示 的 数据 ， 单 击 【确定 】 按 钮 完成 
设置 ， 如 图 6-169 所 示 。 


表 6-27 【命令 】 对 话 框 设置 





设置 值 
DELETE FROM information_type 
WHERE type id =typeid 
名 称 : typeid 
运行 值 : Cint(Trim(Request.Querystring 
Ctype id 



































ER] 
各 得: Cemnandl 连接 [infornation s| Co) | 
和 型 [MR 可 上 到 加 具有 以 下 名 各 的 记录 入 [| 
SQL; DELETE FROM infornation_type 必 助 
To 
变量; 土 | 二 | 
[EE 类 型 大小。 运行 全 
tpid Cint rie heuert Querystrine Ctype_id"))) 
数据 | 外 BW ”表格 丢 加 到 SQL 
摩 顶 | 田 办 视图 Ca 
四 类 预存 过 程 -| 
图 6-169 【命令 】 对 话 框 
对 话 框 中 的 SQL 语句 如 下 。 


DELETE FROM information type 
// 从 information type 数据 表 中 删除 
WHERE type id =typeid 

// 删 除 的 选择 条 件 为 type_id =typeid 


人 在 SQL 语句 中 ， 变 量 名 称 不 要 与 字段 中 的 名 称 相 同 ， 否 则 会 出 现 替换 错误 。 
站 这 个 SQL 语句 是 从 数据 表 information type 中 删除 type id 字段 和 从 type id 所 传 
过 来 的 记录 ，Cint(Trim(Request.Querystring("type_id"))) 进 行 了 一 个 强制 转换 ， 因 
为 type_id 字段 是 自动 增 量 类 型 。 

ERY 单 击 【 确 定 】 按 钮 ， 完 成 命令 设置 。 在 删除 页 面 后 需要 转 到 type_del.asp 页 面 ， 
切换 到 代码 视图 ， 在 要 删除 的 命令 之 后 也 就 是 “%> ”之 前 加 入 代码 
Response.Redirect ("admin.asp")， 这 样 就 完成 了 删除 信息 分 类 页 面 的 设置 ， 加 入 代码 
效果 如 图 6-170 所 示 。 
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6-170 ”加 入 代码 


EC 代码 加 入 完成 后 ， 在 下 浏览 器 中 打开 后 台 管理 中 心 页 面 ， 单 击 “ 冬 季 养 生 ” 信 
息 分 类 后 面 的 “删除 ” 超 链接 ， 如 图 6-171 所 示 。 

本 于 BY 至 此 为 止 ， 即 可 将 该 信息 分 类 删除 ， 可 以 看 到 后 台 管 理 中 心 页 面 中 已经 不 存在 
该 信息 分 类 了 ， 如 图 6-172 所 示 。 
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图 6-171 后 台 管理 中 心 页 面 图 6-172 ”删除 分 类 信息 后 的 效果 


至 此 网 站 信息 资讯 管理 系统 就 开发 完毕 ， 读 者 可 以 将 本 章 开发 信息 资讯 管理 系统 的 方法 
应 用 到 实际 的 大 型 网 站 建设 中 。 
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断 地 对 这 些 数据 进行 更 新 。 最 后 则 是 由 结果 显示 模块 把 投票 结果 显示 出 来 。 通 过 
LA 7 
学 习 目 标 (已 掌握 和 框 中 > 
了 熟悉 网 络 投 票 系统 的 功能 4 
2 学 握 取 如 多 投票 系统 了 面 的 
N :1 #7 
学 所 5 络 投票 理 寞 面 的 方 涩 
分 





< 


< 
污 
3 


NN 


> 
> 





本 章 的 学 习 ， 读 者 可 以 开发 一 个 网 络 投票 系统 。 
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案例 课堂 b> 


7.1 系统 的 功能 分 析 


网 络 投票 系统 主要 分 为 系统 主 界面 的 制作 和 系统 管理 界面 的 制作 两 个 方面 。 
7.1.1 规划 网 页 结构 和 功能 


本 章 将 要 制作 的 网 络 投票 系统 的 网 页 结构 如 图 7-1 所 示 。 


网 络 投票 系统 
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voteMain.asp 


Te 
投票 前 台 部 分 投票 后 台 管 理 















































voteAction.asp voteAdminLogin.asp 





























VoteCount.asp voteAdmin.asp 























VoteShow.asp | [voteAdminShow.asp| |voteAdminDel.asp 




















图 7-1 网 络 投票 系统 结构 
本 系统 的 主要 结构 分 为 投票 前 台 和 投票 后 台 管 理 两 个 部 分 ， 整 个 系统 中 共有 8 个 页 面 ， 
各 个 页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 7-1 所 示 。 
表 7-1 网 络 投票 系统 网 页 设计 表 

















页 面 名 称 功 能 
VoteMain as 网 络 投票 系统 的 主页 面 
voteAction.as 投票 页 面 
VoteCount.asp 计算 票数 页 面 
voteShow.asp 投票 结果 显示 页 面 
VoteAdminLogin.as] 管理 员 登 录 页 面 
voteAdmin.asp 系统 管理 主 界面 
voteAdminShow.asp 浏览 投票 结果 页 面 
voteAdminDel.as] 删除 投票 活动 确认 页 面 


7.1.2 网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 7-2 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 源 代 码 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 
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7-2 首页 的 美工 


7.2 数据 库 设 计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 网 络 投票 系统 的 数据 库 ， 该 数据 库 主要 用 来 存 
储 管理 员 信息 和 投票 信息 。 


7.2.1 数据 库 的 设计 
通过 对 网 站 投票 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 3 张 表 ， 分 别 为 admin、 


votemain 和 voteitem 。 

1. admin 数据 表 

这 个 数据 库 表 主要 储存 登录 管理 界面 的 账号 与 密码 ， 主 键 为 ID， 该 数据 库 的 结构 如 表 7-2 
所 示 。 





表 7-2 admin 数据 表 的 结构 


意 义 
用 户 编号 | Im | 自动 编号 | 
用 户 名 称 
用 户 密码 


2. votemain 数据 表 


这 个 数据 表 主要 储存 投票 活动 的 名 称 及 举办 时 间 。 其 中 vote id 为 主键 ， 数 据 类 型 为 自动 
编号 ， 如 此 即 能 在 添加 数据 时 为 每 一 则 投票 活动 加 上 一 个 单独 的 编号 而 不 重复 。 该 数据 库 的 


结构 如 表 7-3 所 示 。 
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表 7-3 votemain 数据 表 的 结构 


投票 活动 编号 。 | vote ID 自动 编号 
投票 活动 名 称 。 | vote name “| 文本 
投票 举办 时 间 。 | vote time ”| 日 期 时 间 


3. voteitem 数据 表 
该 数据 库 主 要 储存 每 个 投票 活动 的 选项 数据 ， 其 中 voteitem id 为 主键 ,数据 类 型 为 自动 
编号 ， 数 据 表 的 结构 如 表 7-4 所 示 。 
表 7-4 voteitem 数据 表 的 结构 


意义 字段 名 称 数据 类 型 字段 大 小 必 填 字段 允许 空 字符 串 


投票 选项 编号 voteitem id 自动 编号 长 整 型 
投票 活动 编号 长 整 型 否 


投票 选项 S 称 | vote iem | xy 本 |so | 是 | 在 
得 要 和 数 |voecout | [ka | | 


在 Access 2010 中 创建 数据 库 的 操作 步骤 如 下 。 

ED 运行 Microsoft Access 2010 程序 ， 选 择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 
【 空 数据 库 】 窗 格 ， 单 击 【 浏 览 】 按 钮 于， 如 图 7-3 所 示 。 

EEIDp 打开 【文件 新 建 数据 库 】 对 话 框 。 在 【保存 位 置 】 下 拉 列 表 框 中 选择 保存 路 
径 ， 在 【文件 名 】 文 本 框 中 输入 文件 名 votesystem.accdb。 为 了 让 创建 的 数据 库 能 被 
通用 ， 在 【保存 类 型 】 下 拉 列 表 框 中 选择 “Microsoft Office Access 2007 数据 库 








允许 空 字符 串 




































| 
a . F Rs 
i 
2 a 汪 
EE | 
EY Ba a [CE (sm) 
7-3 ”选择 【 空 数据 库 】 选 项 7-4 【文件 新 建 数据 库 】 对 话 框 


EE 了 Re 返回 【 空 数 据 库 】 窗 格 ， 单 击 【创建 】 按 钮 ， 即 在 Microsoft Access 2010 中 创建 
了 votesystem mdb 数据 库 文 件 ， 同 时 Microsoft Access 2010 自动 默认 生成 了 一 个 


“ 表 1” 数 据 表 ， 如 图 7-5 所 示 。 
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EC 在 “ 表 1” 上 单 击 鼠标 右键 ， 选 择 快捷 菜单 中 的 【设计 视图 】 命 令 ， 打 开 【 另 存 
为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 adtmin， 如 图 7-6 所 示 。 















































图 7-5 创建 的 默认 数据 表 图 7-6 【另存 为 】 对 话 框 
ECG 单 击 【确定 】 按 钮 ， 系 统 自动 以 设计 视图 方式 打开 创建 好 的 admin 数据 表 ， 如 


图 7-7 所 示 。 




















图 7-7 建立 的 admin 数据 表 
EC 按 表 7-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 效果 如 图 7-8 所 示 。 


ID 


usernane 
passvd 





7-8 创建 表 的 字段 


Access 为 admin 数据 表 自 动 创建 了 一 个 主键 值 ID。 主 键 是 在 数据 库 中 建立 的 
一 个 唯一 真实 值 ， 数 据 库 通过 建立 主键 值 ， 方 便 后 面 搜索 功能 的 调用 ， 但 要 求 所 
产生 的 数据 没有 重复 。 


人 本 
入 | 
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EEDD 双击 admin 选项 ， 打开 admin 数据 表 。 为 了 方便 用 户 访问 ， 可 以 在 数据 库 中 预 
先 编辑 一 些 记录 对 象 ， 其 中 usemame 为 管理 员 用 户 名 ，passwd 为 管理 员 用 户 密码 ， 
如 图 7-9 所 示 。 编 辑 完成 ， 单 击 【保存 】 按 钮 ， 然 后 关闭 Access 2010 软件 。 至 此 数 
据 库 储存 用 户 名 和 密码 等 资料 的 admin 表 建 立 完毕 。 

Oa 9 | voteorem :Wi Aecess | a | 

: ER 


























图 7-9 在 admin 表 中 输入 的 记录 
用 同样 的 方法 ， 建 立 如 图 7-10 和 图 7-11 所 示 的 数据 表 。 


字段 名 称 数据 类 型 s 说 明 加 

vote_ID 动 编号 投票 活动 编号 

国 vte na 文本 多 村 活动 名 称 
vote tiae 目 期 /时 间 投票 举办 时 间 


了 











字段 名 称 最 长 可 到 64 个 字符 (包括 空格 ), 按 
Fl 键 可 查看 有 关 字 段 名 称 的 帮助 . 


理 
无 
输入 法 模式 关闭 
特 规 
为 日 期 




















图 7-10 建立 的 votemain 数据 表 


ERD 为 了 演示 效果 ， 分 别 在 votemain 数据 表 和 voteitem 数据 表 添 加 记录 ， 如 图 7-12 
和 图 7-13 所 示 。 
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字段 名 称 数据 类 型 
时 voteiten_id 自动 编号 投票 选项 编号 
vote id 数字 投票 活动 编号 
vote iten 文本 投票 选项 名 称 
村 总 数 


vote_count 数字 得 票 总 









































图 7-11 建立 的 voteitem 数据 表 








voteiten_ -| vote _id -jvote_iten -vote_coun "| 部 起 以 衣 如 。 
1 蓝 鞍 花 






于 | 由 18 
| 2 1 天 意 23 
四 3 工人 小 情 歌 10 
Er TRY -vate sixe - 大地 以 民 杂 国 4 2 0ffice 办 公 5 
您 量 音 允 的 最 昌 字 是 什么 ? “2015/10725 | 5 2 软件 开发 10 
| 2 你 景 擅长 的 技术 是 什么 人 2015/10/22 当 (新 建 ) 
科 (新 寻 ) 
图 7-12 votemain 表 中 输入 的 记录 图 7-13 ”voteitem 表 中 输入 的 记录 


7.2.2 创建 数据 库 连 接 


在 数据 库 创 建 完 成 后 ， 需 要 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 ， 才 能 在 动态 网 
页 中 使 用 这 个 数据 库 文 件 。 创 建 数据 库 连 接 的 具体 操作 步骤 如 下 。 

EEITDp 在 【控制 面板 】 窗 口中 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN】 选 项 ， 打 开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 7-14 所 示 。 

ECD) 单 击 【 添 加】 按钮， 打开 【创建 新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(*.mdb) 选 项 ， 如 图 7-15 所 示 。 

EEJDp 单 击 【 完 成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 votesystem， 如 图 7-16 所 示 。 

EC 单 击 【选择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【驱动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 
夹 ， 然 后 单 击 左 上 方 【 数 据 库 名 】 列 表 框 中 的 数据 库 文件 votesystemmdb， 则 数据 
库 名 称 自动 添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 7-17 所 示 。 
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案例 课堂 %~… 
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7-14 【系统 DSN】 选 项 卡 
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文件 类 型 中): 驱动 器 0) 
Access 数据 库 tmnt | 。 回 1 





图 7-17 选择 数据 库 
国 于 BY 找到 数据 库 后 ， 单 击 【 确 定 】 按 钮 ， 回 到 【ODBC Microsoft Access 安装 】 对 话 
框 ， 再 次 单 击 【确定 】 按 钮 ， 将 返回 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 votesystem， 驱 
动 程序 为 Driver do Microsoft Access(*.mdb) 的 系统 数据 源 ， 如 图 7-18 所 示 。 再 次 单 


击 【 确 定 】 按 钮 ， 完 成 ODBC 数据 源 管理 器 的 设置 。 
启动 Dreamweaver CS6， 打 开 随 书 光盘 中 的 “素材 \otesystem\votemain.asp” 文 








a 

第 

件 ， 根 据 前 面 讲 过 的 站 点 设置 方法 ， 设 置 站 点 、 文 档 类 型 、 测 试 服务 器 。 在 _ 
Dreamweaver CS6 中 选择 【窗口 】 一 【数据 库 】 菜 单 命令 ， 打 开 【 数 据 库 】 面 板 ， | 
单 击 因 按 钮 ， 弹 出 如 图 7-19 所 示 的 菜单 ， 选 择 【 数 据 源 名 称 (DSN)】 菜 单 。 网 
投 

EBERT EI EE 列 























系统 教 据 不 6) 
名 种。 台 动 六 
PRE nire owner Meesss om 








3. 设置 站 点 的 列 过 服务 器 。 
4 单 击 上 面 的 + 按钮 创建 连接 。 











EE CE 二 w 











图 7-18 【系统 DSN】 选项 卡 图 7-19 【数据 库 】 面 板 
EC 打开 【数据 源 名 称 (DSN)】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 votesystem， 
单 击 【 数 据 源 名 称 (DSN)】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 votesystem， 其 他 保 
持 默 认 值 ， 如 图 7-20 所 示 。 

















2. 选 择 刚 设置 
的 数据 源 















个 使 用 测试 最 务 器 上 的 DSN 
司 使 用 本 地 DSN 





图 7-20 【数据 源 名 称 (DSN)】 对 话 框 
EC) 单 击 【 确 定 】 按 钮 ， 完 成 数据 库 的 连接 。 


7.3 ”网 络 投票 系统 主 界面 的 制作 


网 络 投票 系统 的 主要 界面 包括 投票 系统 主 界面 、 投 票 页 面 、 计 算 票 数 页 面 和 投票 结果 显 
示 页 面 等 。 首 先 要 制作 的 是 网 络 投票 系统 的 主 界面 ， 用 户 可 以 在 这 个 页 面 中 看 到 目前 系统 中 
所 有 的 投票 活动 ， 用 户 可 以 挑选 有 兴趣 的 投票 活动 进入 投票 并 查看 结果 。 


7.3.1 投票 系统 主 界 面 的 制作 


完成 数据 库 连 接 以 后 ， 即 可 制作 投票 系统 主页 面 ， 操 作 步 骤 如 下 。 
EEC 首先 在 voteMain asp 页 面 中 设置 记录 集 ， 切 换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 
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案例 课堂 四 一 


在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 ， 设 置 如 
图 7-21 所 示 。 
































| WE |] 
取消 
测 开 

| 地 助 | 























图 7-21 【记录 集 】 对 话 框 
EEJPp 单 击 【高 级 】 按 钮 ， 在 打开 的 SQL 文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name,votemain.vote time 
SUM(voteitem.vote count) RS sumVote 

FROM votemain INNER JOIN voteitem 

ON votemain.vote id = voteitem.vote id 

GROUP BY votemain.vote id,votemain.vote name,votemain.vote time 
ORDER BY votemain.vote time DESC 


代码 中 使 用 AS 语句 将 结果 存 入 sumVote 变量 中 。 输 入 效果 如 图 7-22 所 示 。 








































各区: ReVote 确定 
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数 反 库 项 .| 加 团 ” 表 格 SQE 语句 输 
田 轴 视图 
本 入 到 此 处 
































7-22 输入 SQL 语句 


EEJes 单 击 【 测 试 】 按 钮 ， 打 开 【 测 试 SQL 指令 】 对 话 框 ， 数 据 表 中 的 字段 果然 依照 
SQL 的 设置 绑 定 了 进来 ， 并 完成 统计 的 操作 ， 如 图 7-23 所 示 。 





vote_tine 
2015/10/23 
2015/10/22 














[ 前 25 个 任 ) 下 25 个 0 


_ 洽 济 油漆 卉 到 “ 坤 / 小 是 六 





7-23 【测试 SQL 指令 】 对 话 框 


四 YY 单 击 【 确 定 】 按 钮 ， 返 回 【 记 录 集 】 对 话 框 ， 再 次 单 击 【 确 定 】 按 钮 ， 即 可 完 
成 记录 集 的 绑 定 。 
本 于 BY 在 【 绑 定 】 面 板 上 出 现 上 面 设置 的 记录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 
一 一 拖 忠 到 网 页 中 ， 如 图 7-24 所 示 。 
ee 


or em 
TIE 


[网络 4 于 条 下 玉 5 
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图 7-24 ”把 字段 拖 忠 到 网 页 中 
区 于 BY 接着 设置 页 面 中 的 重复 区 域 效果 ， 如 图 7-25 所 示 。 


Dw 村 oa | 

















图 7-25 设置 重复 区 域 | 


ET 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 ReVote， 设 置 一 页 显示 10 条 记 
录 ， 如 图 7-26 所 示 ， 单 击 【确定 】 按 钮 完成 设置 。 
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7-26 【重复 区 域 】 对 话 框 


区 了 BY 在 本 页 中 插入 记录 集 导 航 条 。 在 【插入 】 面 板 中 选择 【数据 】 一 【记录 集 分 
页 】 一 【记录 集 导 航 条 】 菜 单项 ， 如 图 7-27 所 示 。 


Dw mm d. & 设计 匡 - 
文件 (有 ) ” 编 缠 (E) 章 看 (V) 插入 (1) 修改 (M) 楼 式 (0) ”命令 (QQ 站 点 (S) 一 D(W) 帮助 (H) 


Dvotesystem voteMan ap 




















{revotesumVote) 


目前 系统 中 没有 举办 任何 投票 : 





图 7-27 选择 【记录 集 导 航 条 】 菜 单项 


ET 打开 【记录 集 导航 条 】 对 话 框 ， 选 择 【 记 录 集 】 为 ReVote， 设 置 【显示 方式 】 
为 “图 像 ”， 如 图 7-28 所 示 。 




















7-28 【记录 集 导 航 条 】 对 话 框 


EY 单 击 【确定 】 按 钮 ， 插 入 后 的 导航 条 效果 如 图 7-29 所 示 ， 然 后 按照 图 示 设置 表 
格 的 宽度 属性 。 

E> 如 图 7-30 所 示 ， 合 并 选择 的 表格 中 的 一 行 。 

E> 选择 上 方 的 表格 ， 设 置 记录 集 不 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 7-31 所 示 。 
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目前 系统 中 没有 举办 任何 投票 ! 





1. 将 光标 放 到 该 表格 | E 
中 任意 位 置 2. 单 击 <table> 标 签 ， 
将 整个 表格 选中 


默认 =] 类 无 ~ 


| io。 
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图 7-30 合并 单元 格 









1. 将 光标 移 至 上 上下: 
方 表格 任意 位 a s 
置 ， 单 击 右边 第 | 二 名 要 烛 


















FE 命令 
二 个 <table>, 选 蔬 EE 
记录 集 分 页 » 


择 上 方 表格 (要 目 首 系统 中 受 有 举办 任何 投票: 
选择 第 三 栏 ) 












eNetabley [QI ~ 加 副 国 71766 :442 23K/1 秒 简体 中 文 (2312) 


图 7-31 选择 【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 








Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 一 


EEC 打开 【如 果 记录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判断 的 记录 集 为 ReVote， 
单 击 【确定 】 按 钮 完成 设置 ， 如 图 7-32 所 示 。 
























图 7-32 【如 果 记录 集 不 为 空 则 显示 区 域 】 对 话 框 
EEEEZD 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 置 方 法 如 图 7-33 所 示 。 


1. 将 光标 移 
至 下 方 表 格 任 
意 位 置 ， 单 击 
右边 第 一 个 
<table>， 选 择 | 
下 方 表格 目前 系统 中 没有 举办 任何 投票 + 























Rl a fonty Ctrong》 [Je QW Lo0x “| 利加 国 | 1766 x 442 23/1 秒 简体 中 文 (B2312) 


图 7-33 选择 【如 果 记录 集 为 空 则 显示 区 域 】 菜 单项 


EE 汪 DB 打开 【如 果 记录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 ReVote， 单 
击 【 确 定 】 按 钮 完成 设置 ， 如 图 7-34 所 示 。 




















7-34 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 


EY 设置 显示 目前 的 投票 活动 总 数 ， 方 法 如 图 7-35 所 示 。 

EEC 打开 【动态 文本 】 对 话 框 ， 选 择 【总 记录 数 】 选 项 ， 单 击 【 确 定 】 按 钮 完成 设 
置 ， 如 图 7-36 所 示 。 

ECED 如 果 用 户 对 于 某 一 项 投票 活动 有 兴趣 ， 可 以 在 选择 后 参与 投票 并 查看 结果 。 在 
这 里 就 是 要 设置 转 到 详细 页 面 ， 将 用 户 引 入 投票 程序 页 面 。 设 置 方法 如 图 7-37 
所 示 。 
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多 voteid 

一 他 vote_nane 2 
BF vote_time 才 助 00 
人 多 suVote 
多 。 [第 一 个 记录 索引 ] 


多 [最 后 一 个 记录 索引 ] 





格式 : | 无 ~ 
并 码 5 OF Reyote_total)%> 











图 7-36 【动态 文本 】 对 话 框 


- 本 号 寺 区 村 
1. 选 择 显示 投票 至 | | -en : as 


活动 名 称 的 字段 S 


3. 选择 【 转 到 详 
细 页 面 】 菜 单项 








记录 各 分 页 
呈 示 区 类 








7-37 ”选择 【 转 到 详细 页 面 】 菜 单项 


EEC 打开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 置 【 详 细 信 息 页 】 为 
voteAction.asp、【 传 递 URL 参数 】 为 vote id、【 记 录 集 】 为 ReVote、【 列 】 为 
vote id， 如 图 7-38 所 示 ， 单 击 【确定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 
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本 也 WY 至 此 为 止 ， 完 成 投票 系统 主页 面 voteMain.asp 的 所 有 设置 。 选 择 【 文 件 】 一 
【保存 】 菜 单 命令 保存 该 网 页 ， 按 F12 键 即 可 预览 效果 ， 如 图 7-39 所 示 。 












































7-38 【 转 到 详细 页 面 】 对 话 框 7-39 ”主页 面 最 终 预览 效果 


7.3.2 ”投票 页 面 的 制作 


通过 投票 系统 主 界面 ， 可 以 跳 转 到 投票 页 面 。 进 入 投票 程序 后 ， 首 先 要 显示 该 投票 活动 
的 名 称 以 及 所 有 选项 ， 因 为 目前 投票 活动 名 称 保存 在 votemain 数据 表 ， 而 选项 保存 在 
voteitem 数据 表 ， 所 以 要 执行 将 两 个 数据 表 结合 的 操作 。 
制作 投票 页 面 的 具体 操作 步骤 如 下 。 
四 TI 打开 随 书 光盘 中 的 “素材 \votesystemvvoteAction.asp” 文 件 ， 切 换 到 【 绑 定 】 面 
板 ， 单 击 因 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 如 图 7-40 所 示 。 


SA 




















图 7-40 选择 【记录 集 ( 查 询 )】 菜 单项 


S52 打开 【记录 集 】 对 话 框 ， 输 入 【名 称 】 为 RevoteDetail， 选 择 【 连 接 】 为 
votesyetm， 在 SQL 文本 框 中 输入 如 下 代码 : 
SELECT votemain.vote id,votemain.vote name, 
Voteitem.voteitem id,voteitem.vote item,voteitem.vote count 
FROM votemain INNER JOIN voteitem 
ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 


在 这 里 使 用 了 统计 函数 SUM， 上 述 代码 的 含义 如 下 : 


SELECT ”< 投票 活动 .投票 活动 编号 >, < 投票 活动 .投票 活动 名 称 >， 
< 投票 活动 .举办 时 间 >, sum< 投 票选 项 .得 票 总 数 > 
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FROM ”< 投票 活动 > INNER JOIN < 投票 选项 > 
ON ”< 投票 活动 .投票 活动 编号 >= < 投票 选项 .投票 活动 编号 > 
WHERE ”< 投票 活动 .投票 活动 编号 >=< 网 页 传递 参数 > 


其 中 sendID 的 作用 是 接收 由 前 一 页 所 传递 过 来 的 参数 。 输 入 代码 如 图 7-41 所 示 。 

















E> 











voteites voleiten id voteite 
























































图 7-41 【记录 集 】 对 话 框 


EGRB) 单 击 【 参 数 】 右 侧 的 四 按钮 ， 打 开 【 编 辑 参数 】 对 话 框 ， 输 入 【名 称 】 为 
sendID ， 选 择 【 类 型 】 为 Numeric ， 输 入 【 值 】 为 request.QueryString 
("votemain.vote_id")， 输 入 【默认 值 】 为 1， 如 图 7-42 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 7-43 所 示 。 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 









































名称 : sendID 























类 型: | americ 本 
值 : ryString ("votemain. vote_id") 
默认 值 : 1 












































图 7-42 【编辑 参数 】 对 话 框 图 7-43 【记录 和 集 】 对 话 框 


攻 于 BY 在 这 个 页 面 中 最 重要 的 是 要 将 投票 人 选择 的 选项 存 入 数据 库 中 ， 而 表单 中 的 选 
项 按钮 即 是 最 重要 的 地 方 。 保 存 每 个 选项 票数 的 数据 表 是 voteitem， 不 过 在 这 一 页 
并 不 会 执行 计算 票数 的 操作 ， 而 是 将 投票 的 结果 送出 到 另 一 页 去 统计 结果 。voteitem 
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数据 表 的 主键 字段 为 voteitem id， 即 代表 投票 人 选择 的 选项 。 到 了 下 一 页 统计 时 ， 


程序 即 可 依 这 页 所 送 过 来 的 值 来 判断 要 将 哪 一 个 选项 的 票数 加 1。 按 照 图 7-44 所 示 
的 操作 ， 把 voteitem id 拖 忠 到 单 选 按 钮 上 ， 那 么 提交 时 即 可 将 投票 人 投票 项 目的 代 


码 传送 到 下 一 页 去 。 
到 Er 
| 本 1 展开 记录 集 ， 远 择 
这 记录 字段 区 















7-44 ”选择 voteitem_id 记录 字段 

ET 将 该 投票 活动 的 名 称 (vote_ name) 及 选项 名 称 (vote_item) 拖 忠 到 页 面 上 的 相应 位 
置 ， 如 图 7-45 所 示 。 

ED 选择 【我 要 投票 】 按 钮 左 侧 的 一 个 隐藏 字段 ， 名 称 为 vote id， 作用 是 要 接收 上 
一 页 传送 的 vote_id 参数 ， 然 后 再 传送 到 下 一 页 去 。 如 此 一 来 下 一 页 也 可 以 接收 到 这 
个 参数 (投票 编号 ) 来 使 用 ， 如 图 7-46 所 示 。 
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图 7-45 ” 拖 电 投票 活动 名 称 和 选项 7-46 ”隐藏 字段 vote_id 


ECERB 下 面 设置 一 个 绑 定 值 来 承接 上 一 页 所 传递 的 参数 。 切 换 到 【 绑 定 】 面 板 ， 单 击 
外 按钮 ， 在 弹出 的 菜单 中 选择 【请 求 变量 】 菜 单项 ， 如 图 7-47 所 示 。 

ED 打开 【请 求 变 量 】 对 话 框 ， 选 择 【类 型 】 为 Request.QueryString， 输 入 【名 称 】 
为 vote id， 如 图 7-48 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 在 【 绑 定 】 面 板 中 将 添加 的 URL 变量 vote id 拖 忠 到 隐藏 
区 域 上 ， 那 么 表单 在 提交 时 ， 这 个 参数 即 会 跟着 传送 到 下 一 页 中 ， 如 图 7-49 
所 示 。 
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类型: [Bequest QueryString ”| 





名 称 : vote_id 





加 注油 渤 睹 习 才 / 小 卓 











7-47 选择 【请 求 变 量 】 菜 单项 图 7-48 【请 求 变量 】 对 话 框 








DW 文人 (PR 篇 坊 (E) 二 看 (V) 括 A(D 修改 (M) ”格式 (0) 会 信 (Q ”站 点 ($) 宣 口 (W) 才 动 (H】 国立 ” 品 ~ 
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文件 夹 。 2015/10/24 17:26 


BD inees 文件 夹 。 2015/10124 11:24 
First gif 48 GIF 图 像 2005/5/3 16:07 
国 Lst sif JIB 6IF 图 像 2005/5/3 18:07 
ext gif 1 GIF 图 像 。2005/5/3 16:07 





图 7-49 添加 URL 变量 到 隐藏 区 域 
ED) 选择 需要 添加 重复 区 域 的 表格 的 一 行 ， 用 于 显示 所 有 投票 的 选项 。 切 换 到 【 服 
务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单项 ， 如 
图 7-50 所 示 。 


DW xHn ald BBM EAD WSIM KO (0 sls) BOW Sm 0- 
voteActionasp” A E 


1. 选择 该 行 几 富 MECCAR SELFRSRSR 
单元 格 > 










2. 选择 【重复 
区 域 】 菜 单项 





图 7-50 选择 【重复 区 域 】 菜 单项 


E> 打开 【重复 区 域 】 对 话 框 ， 选 择 【记录 集 】 为 RevoteDetail， 选 择 【 显 示 】 为 
“所 有 记录 ”， 如 图 7-51 所 示 。 单 击 【 确 定 】 按 钮 ， 完 成 重复 区 域 的 设置 。 
EE> 因为 统计 票数 的 操作 并 不 在 本 页 处 理 ， 所 以 要 设置 表单 送出 后 的 目标 网 页 。 单 
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击 <form> 标 签 ， 将 整个 表单 选择 中 ， 然 后 在 【属性 】 面 板 的 【动作 】 文 本 框 中 输入 
计算 票数 页 面 “voteCount.asp”， 如 图 7-52 所 示 ， 如 此 即 完成 了 投票 页 面 的 制作 。 


同仁 和 帅 有 机 


记录 集 ， | RevateDetail = 











显示 : 回 [10 | 记录 


加 [所 有 记 列 SD BID PD GO 7 GD NO A Jo 加 7 01 20/+4 种 简体 中 文 (beat 








7-51 【重复 区 域 】 对 话 框 7-52 ”添加 目标 网 页 


7.3.3 ”计算 票数 页 面 的 制作 


计算 票数 的 页 面 为 voteCount.asp， 本 页 将 接收 voteAction.asp 页 所 传递 过 来 的 数据 ， 然 后 
执行 计算 的 功能 。 制 作 计算 票数 页 面 的 具体 操作 步骤 如 下 。 
ET 打开 随 书 光盘 中 的 “素材 \votesystem\voteCount.asp ”文件 ， 切 换 到 【 绑 定 】 面 
板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 
对 话 框 ， 输 入 【名 称 】 为 RevoteDetail， 设 置 【 连 接 】 为 votesyetm， 在 SQL 文本 框 
中 输入 如 下 代码 : 
SELECT votemain.vote id,votemain.vote name, 
Voteitem.voteitem id,voteitem.vote item,voteitem.vote count 
FROM votemain INNER JOIN voteitem 


ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 


其 中 sendID 的 作用 是 接收 由 前 一 页 所 传递 过 来 的 参数 。 代 码 如 图 7-53 所 示 。 
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7-53 【记录 集 】 对 话 框 


本 TY 单 击 【 参 数 】 右 侧 的 四 按钮 ， 打 开 【 编 辑 参数 】 对 话 框 ， 输 入 【名 称 】 为 
sendID， 设 置 【 类 型 】 为 Numeric， 输 入 【 值 】 为 request.QueryString ("voteitem id")， 


输入 【默认 值 】 为 1， 如 图 7-54 所 示 。 
ES 单 击 【 确 定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 7-55 所 示 。 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 
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名 称 : sendID 


类型: Nonerie ~ 
值 : request. QueryString (“voteite 


时 全 1 本 


















































图 7-54 【编辑 参数 】 对 话 框 图 7-55 【记录 和 集 】 对 话 框 

ES 将 该 投票 活动 的 名 称 (vote_name) 及 选项 名 称 (vote _item) 拖 电 到 页 面 上 的 相应 位 
置 ， 如 图 7-56 所 示 。 

EDUD 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【命令 】 菜 单 
项 ， 如 图 7-57 所 示 。 


DW 交 #(n。 坊 和 (日 ” 埋 看 (V)。 质 入 (0 修改 (Mi 站 式 ID0) 客人 站 5) 证 DW mH 。 国 ~ 


| \oteccurt sp ~ EEC 


SD voresyston erp 了 
[RH 图 哆 . 忆 用 皮 多 区 蝇 


IGG 































7-56 ” 拖 外 投票 活动 名 称 和 选项 7-57 选择 【命令 】 菜 单项 


EEC 打开 【命令 】 对 话 框 ， 在 【名 称 】 文 本 框 中 输入 Command1， 选 择 【 连 接 】 为 
votesystem， 选 择 【 类 型 】 为 “更 新 ”， 在 SQL 文本 框 中 输入 以 下 代码 : 
UPDATE voteitem 


SET votecount = votecount+1 
WHERE voteitem id =sendID 


上 面 代码 的 含义 是 更 新 数据 表 voteitem， 是 在 voteitem 数据 表 的 voteCount 字段 保存 投票 
票数 。 其 中 voteCount = voteCount+1 也 就 是 将 voteCount 字段 中 原 有 数字 加 上 1。 

单 击 【变量 】 右 侧 的 贡 按 钮 ， 添 加 变量 ， 设 置 名 称 为 sendID 、 类 型 为 

Numeric， 默 认 值 为 1、 运 行 值 为 sndID， 如 图 7-58 示 。 这 是 为 了 接收 由 前 一 页 所 
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传递 过 来 的 参数 ， 以 便 判 断 。 












































Ea ste a CC 冯 
后 运 回 且 有 以 下 名 称 的 记 手 年- 了 |] | 
| 
名 类 型 大 小 运行 全 
na Sneris 上 enam 
EE 3 各 加 到 SQL 
六 而 日 内 和 本 E3 
日 六 了 9 丰 了 程 一- 





























图 7-58 【命令 】 对 话 框 
EDUB 选择 文本 “查看 目前 投票 结果 ”， 在 【服务 器 行为 】 面 板 中 单 击 四 按钮 ， 在 弹 














7-59 选择 【 转 到 详细 页 面 】 菜 单项 


EEIDy 打开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 置 【 详 细 信 息 页 】 为 
voteShow.asp、【 传 递 URL 参数 】 为 vote id、【 记 录 集 】 为 RevoteDetail、【 列 】 
为 vote id， 如 图 7-60 所 示 。 单 击 【确定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 











钾 接 : | 所 选 范围 :“ 坦 看 目前 投票 结果 ” 
详细 信息 页 : voteShow. aspl 浏览 


传递 URL 参数 : vote_id 设置 为 以 下 项 的 值 


as aa 


列 rete_id 
































EI 




















传递 现 有 参数 加 URL 参数 
麦 兰 参 数 








7-60 【 转 到 详细 页 面 】 对 话 框 
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7.3.4 ”投票 结果 显示 页 面 的 制作 


投票 结果 显示 页 面 为 voteShow.asp， 主 要 作用 是 把 投票 的 结果 以 条 形 图 的 方式 显示 。 制 
作 投 票 结果 显示 页 面 的 操作 步骤 如 下 。 

EDp 打开 随 书 光盘 中 的 “素材 \votesystemvvoteShow.asp” 文 件 ， 切 换 到 【 绑 定 】 
板 ， 单 击 因 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 
对 话 框 ， 输 入 【名 称 】 为 voteSummary， 选 择 【 连 接 】 为 votesystem， 选 择 【 表 格 】 
为 voteitem， 选 择 【 列 】 为 “ 选 定 的 ”， 选 择 字段 为 vote count， 选 择 【 筛 选 】 为 
vote id、=、URL 参数 、vote_ id， 如 图 7-61 所 示 。 

区 于 单 击 【高 级 】 按 钮 ， 即 可 查看 SQL 代码 ， 如 图 7-62 所 示 。 
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= ED 
各 voteSumnary 
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| 后 本 NMMCoParam 
要 格 | voteitem | rr | a Numerc 
遍 级 ..， | 得-Request QuaryStrngfvote 
Cm 枚 2 
六 到 SQL: 
[sur ] 
[CT 了 可 voteaid 
排序 [无 [ 席 
图 7-61 【记录 集 】 对 话 框 图 7-62 查看 SQL 代码 


ECDIS 单 击 【 确 定 】 按 钮 ， 完 成 添加 记录 集 操作 ， 如 图 7-63 所 示 。 








好 roteSU 


有 vote 
多 [第 一 个 记录 索引 
多 [ 晤 后 一 个 记录 宗 引 
有 [ 兰 记 呆 娄 1 





图 7-63 ”完成 添加 记录 集 


EEJz 接着 绑 定 第 二 个 记录 集 RecVoteShow， 这 个 记录 集 即 用 于 显示 投票 的 详细 数 
据 ， 包 含 投票 活动 名 称 、 投 票选 项 名 称 及 其 得 票 总 数 等 ， 最 重要 的 是 还 要 添加 一 个 
字段 显示 每 个 选项 图 片 宽 度 。 切 换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 
选择 【记录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 。 进 入 高 级 模式 ， 在 【名 称 】 
文本 框 中 输入 RecVoteShow， 选 择 【 连 接 】 为 votesystem， 在 SQL 文本 框 中 输入 如 


芍 沙 酒 滋 甘 司 翰 / 洲 站 
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下 代码 : 


SELECT votemain.vote id,votemain.vote name,voteitem.voteitem id, 
voteitem.vote item,voteitem.vote count, 
(voteitem.vote count/voteSUM*200) AS votePercent 
FROM votemain INNER JOIN voteitem 
ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 


在 本 页 中 设置 条 形 图 宽度 (长 度 ) 不 超过 200 像素 ， 所 以 代表 每 个 投票 选项 的 图 片 宽度 可 以 
用 以 下 的 公式 来 代表 : 
(投票 选项 的 得 票数 /该 投票 活动 的 总 得 票数 ) *200 



























































输入 代码 效果 如 图 7-64 所 示 。 
Recotoshov Me 
te 一 
| SQL vo teitem. vote_count, (voteiten. vote_count/voteSWM#200) AS ET 
po 简单 
| 目 再 
| = 
参数 - [二 | 一 
| 名称 - 
| 妆 型 - 
疯 
| | 默认 值 - 
据 揪 
数据 库 项 -| 中 团 EE 添加 到 SQL- 
2 Win ES 
ORDER BY 


























图 7-64 【记录 集 】 对 话 框 


TB 单 击 【 参 数 】 右 侧 的 也 按钮 ， 在 打开 的 【添加 参数 】 对 话 框 中 设置 【名 称 】 为 
voteSUM、【 类 型 】 为 Numeric、【 值 】 为 voteSUM =voteSummary FieldsJtem ("voteSUM")、 
【默认 值 】 为 1， 如 图 7-65 所 示 ， 单 击 【确定 】 按 钮 。 

EC 重复 上 一 步 操作 ， 设 置 【名 称 】 为 sendID、【 类 型 】 为 Numeric、【 值 】 为 
request.QueryString("votemain.vote_id")、【 默 认 值 】 为 1， 如 图 7-66 所 示 ， 单 击 【 确 
定 】 按 钮 。 





名 称 - voteSUN 名 区 sendID 
闫 至 Juneric 四 类型 - | lamerii 3 






































秆 - mmary. Fields. Iten( voteSO )| 年 ryString ("votenain. vote_id”) 
黄 认 十 1 昧 认 便 : 





7-65 ”添加 参数 voteSUM 7-66 ”添加 参数 sendID 
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EU 返回 到 【记录 集 】 对 话 框 ， 添 加 的 两 个 变量 参数 的 效果 如 图 7-67 所 示 ， 单 击 
【确定 】 按 钮 。 


名 称 : RecVoteShow 
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图 7-67 【记录 集 】 对 话 框 


Em 因为 第 二 个 记录 集 RecVoteShow 会 使 用 到 voteSummary 记录 集 的 voteSUM 
并 字段 数据 ， 所 以 一 定 要 按照 顺序 先 完成 第 一 个 记录 集 ， 再 来 绑 定 第 二 个 ， 如 此 
RecVoteShow 记录 集 才 不 会 因为 无 法 取得 第 一 个 记录 集中 的 字段 值 而 绑 定 失败 。 


EEC 切换 到 【 绑 定 】 面 板 ， 展 开 记 录 集 voteSummary ， 将 投票 活动 的 总 票数 
vote_ Sum 和 最 高 票数 vote_ Max 字段 拖 电 到 网 页 的 指定 位 置 ， 如 图 7-68 所 示 。 














加 苇 “ 记 录 集 Qiecrotahon) 





图 7-68 展开 记录 集 voteSummary 


TB 展开 记录 集 RecVoteShow， 将 需要 显示 字段 拖 电 到 网 页 合适 的 位 置 ， 如 图 7-69 
所 示 。 

EEC 这 个 页 面 是 使 用 条 形 图 来 显示 统计 的 结果 ， 现 在 已 经 将 每 个 投票 选项 的 得 票 比 
例 保存 到 votePercent 字段 中 ， 所 以 只 要 让 页 面 中 图 片 的 宽度 与 这 个 字段 值 绑 定 一 起 
即 可 。 图 片 的 宽度 在 HTML 中 设置 属性 名 称 为 width， 如 果 可 以 将 这 个 属性 值 设 置 
为 记录 集中 votePercent， 即 可 成 功 完成 条 形 图 的 显示 。 设 置 方法 如 图 7-70 所 示 。 由 
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2. 展 开 记录 集 ， 选 择 
votePercent 字段 








图 7-70 使 用 条 形 图 显示 统计 结果 
EE 设置 重复 区 域 ， 显 示 所 有 的 投票 选项 ， 方 法 如 图 7-71 所 示 。 


ESD votorysten 2. 选 择 【 服 务 同志 
| 售 |[ 折 [村] 驳 措 图 哆 - 加 脸 be EX 器 行为 ]】 面板 上 


{RecYoteShovw. vote_nane} 















3. 选择 【重复 
区 域 】 菜 单项 


10% Ge- 








票数: [voteSunaary voteSUI] ， 最 高 票数 {roteSonat 


图 7-71 设置 重复 区 域 


EEP9 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 RecVoteShow， 设 置 【显示 】 为 


“所 有 记录 ”， 单 击 【确定 】 按 钮 ， 如 图 7-72 所 示 。 至 此 完成 投票 结果 显示 页 面 
voteShow.asp 的 制作 。 








7-72 【重复 区 域 】 对 话 框 
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7.4 ”网 络 投票 系统 管理 界面 的 制作 


在 网 络 投票 系统 中 ， 可 以 添加 投票 活动 ， 也 可 以 删除 过 期 的 投票 活动 ， 且 投票 系统 的 维 
护 十 分 重要 。 


7.4.1 管理 员 登 录 页 面 的 制作 


由 于 管理 员 页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受到 权限 管理 ， 可 以 利用 管理 员 用 户 
账号 和 用 户 密码 来 判断 是 否 有 此 用 户 。 制 作 管 理 员 登录 页 面 的 操作 步骤 如 下 。 
ESJDp 打开 随 书 光盘 中 的 “素材 \votesystem\voteAdminLogin.asp” 文 件 ， 切 换 到 【服务 
器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】- 一 【登录 用 
户 】 菜 单项 ， 如 图 7-73 所 示 。 
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从 妆 间 区 耻 答 和 [ni 
凡人 [osernme = 
skied = 
使 用 连接 验证 [votesysten = 
表格 [si 旧 
用 户 各 到 [asernene = 
EN [pessmd = 
各 果 登 录 成 功 ， 转 到 votehdnin asp 3 











回转 到 前 一 个 URL ( 如 果 它 存在 ) 
和 如果 登录 失败 ， 转 到 - votellain. asp 浏览. 





基于 以 下 项 改制 访问 加 用 户 名 和 密码 
日 用 广 各 更 再 和 访问 明 到 
级 到 说 - 














图 7-74 【登录 用 户 】 对 话 框 
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全 表单 中 有 两 个 字段 ，username 是 输入 管理 员 名 称 的 字段 ，passwd 是 输入 管理 
员 密 码 的 字段 。 登 录 管 理 员 的 服务 器 行为 ， 是 将 管理 员 所 输入 的 账号 和 密码 与 数 
据 表 中 所 保存 的 管理 员 名 称 和 密码 对 比 ， 若 是 符合 即 转 到 管理 界面 ， 不 符合 即 退 
出 到 原 主 画面 。 


ECDIS 单 击 【确定 】 按 钮 ， 完 成 管理 员 登 录 页 面 voteAdminLogin.asp 的 制作 。 


7.4.2 ”系统 管理 主页 面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 主 界面 voteAdmin.asp。 制 作 该 网 页 的 操作 步骤 如 下 。 

EEJDp 打开 随 书 光盘 中 的 “素材 \votesystem\voteAdmin.asp ”文件 ， 切 换 到 【 绑 定 】 面 
板 ， 单 击 固 按钮， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 
对 话 框 ， 进 入 高 级 模式 ， 输 入 【名 称 】 为 ReVoteMain， 选 择 【 连 接 】 为 
Votesystem， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name, 

votemain.vote time,SUM(voteitem.vote count) RS sumVote 

FROM votemain INNER JOIN voteitem ON votemain.vote id = voteitem.vote id 
GROUP BY votemain.vote id,votemain.vote name,votemain.vote time 

ORDER BY votemain.vote time DESC 


其 中 ORDER BY votemain.vote_ time DESC 表示 查询 结果 以 按照 举办 时 间 递 减 排序 。 
DESC 表示 递减 排序 ，ASC 表示 递增 排序 。 
区 于 输入 代码 如 图 7-75 所 示 ， 单 击 【确定 】 按 钮 。 
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7-75 【记录 集 】 对 话 框 


EDUB9 将 记录 集中 的 字段 拖 忠 到 网 页 对 应 的 位 置 ， 并 设置 显示 所 有 的 记录 数 ， 如 图 7-76 
所 示 。 


全 242 


DW xein af) EEV ND WM (0) SS(O Mal) BIW ss Mr dr Er 
voteAdmnasp” x Dtrsyten voteAdmin arp 
GE ete 了 











EE 者- 局 帮 罗 司 区 己 。 有 : FM 二 和 


网 [64 于 4 


投票 系统 管理 主 画面 





7-76” 拖 外 需要 的 记录 字段 


EDUDZD 选择 需要 重复 区 域 的 表格 第 二 行 ， 切 换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 
在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单项 ， 如 图 7-77 所 示 。 

i 

| 人 8 | 拆 分 [设计 ] 刘 蜡 图 。 哆 . 世 . 如 .pS EF4 区 已。 标 是， 局 反 票 # 统 


网 ][ 约 “ 投 系 4 二 








投票 系统 管理 主 画 而 
100% Ga 
一 忆 和 二 训 ， 


> {ReVoteMian.sumVote} 
{ReVotelian. vote_nane} 





图 7-77 选择 【重复 区 域 】 菜 单项 


EEJsp 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 ReVoteMain， 选 择 【 显 示 】 为 10 
条 记录 ， 单 击 【 确 定 】 按 钮 ， 如 图 7-78 所 示 。 




















7-78 【重复 区 域 】 对 话 框 


EEC 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 【插入 】 面 板 中 选择 【数据 】 一 【记录 
集 分 页 】 一 【记录 集 导航 条 】 菜 单项 ， 如 图 7-79 所 示 。 

ED 打开 【记录 集 导 航 条 】 对 话 框 ， 选 择 【记录 集 】 为 ReVoteMain， 选 择 【 显示 方 
式 】 为 “图 像 ”， 单 击 【 确 定 】 按 钮 ， 如 图 7-80 所 示 。 

ER 插入 记录 集 导 航 条 后 ， 参 考 第 7.3.1 节 相 关 步 又， 调整 导航 条 的 属性 ， 结 果 如 
图 7-81 所 示 。 
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图 7-80 【记录 集 导 航 条 】 对 话 框 图 7-81 调整 导航 条 的 属性 
人 本 二。 









1. 选 择 记录 集 不 为 a 
空 则 显示 的 内 容 


[ra 








图 7-82 选择 【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 


[es 


EEC 打开 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 
ReVoteMain， 单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 7-83 所 示 。 
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| 靖 丰 按 中 浊 有 举办 任 仙 抽 和 ! es ， 3. 选择 此 菜单 项 














图 7-84 选择 【如 果 记录 集 为 空 则 显示 区 域 】 菜 单项 


EEaP)9 打开 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判断 的 记录 集 为 ReVoteMain， 
单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 7-85 所 示 。 




















7-85 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 


EB》 下 面 设置 一 个 转 到 详细 页 面 的 链接 ， 让 管理 员 可 以 浏览 某 个 投票 活动 的 结果 。 
选择 “投票 题目 ”文本 ， 在 【服务 器 行为 】 面 板 中 单 击 固 按钮， 在 弹出 的 菜单 中 
选择 【 转 到 详细 页 面 】 菜 单项 ， 如 图 7-86 所 示 。 

EEIE 打开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 置 【 详 细 信 息 页 】 为 
voteAdminShow.asp、【 传 递 URL 参数 】 为 vote id、【 记 录 集 】 为 ReVoteMain、 
【 列 】 为 vote id， 如 图 7-87 所 示 ， 单 击 【 确 定 】 按 钮 ， 完 成 转 到 详细 页 面 的 
设置 。 

本 于 BY 下 面 设置 “删除 ”链接 ， 让 管理 员 可 以 删除 某 个 投票 活动 。 选 择 “删除 ” 文 
本 ， 在 【服务 器 行为 】 面 板 中 单 击 固 按钮， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 
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菜单 项 ， 如 图 7-88 所 示 。 
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图 7-87 【 转 到 详细 页 面 】 对 话 框 
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图 7-88 选择 【 转 到 详细 页 面 】 命 令 


EC 打开 【 转 到 详细 页 面 】 对 话 框 ， 设 置 【 详 细 信息 页 】 为 voteAdminDelasp、【 传 
递 URL 参数 】 为 vote id、【 记 录 集 】 为 ReVoteMain、【 列 】 为 vote id， 如 图 7-89 
所 示 ， 单 击 【确定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 

由 于 voteAdmin.asp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 画面 来 读 取 这 个 
页 面 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 【服务 器 行为 】 面 板 中 单 击 国 按 
钮 ， 在 弹出 的 菜单 中 选择 【用 户 身 份 验证 】 一 【限制 对 页 的 访问 】 菜 单项 ， 如 图 7-90 
所 示 。 

EE 打开 【限制 对 页 的 访问 】 对 话 框 ， 选 择 【 基 于 以 下 内 容 进行 限制 】 为 用 户 名 和 


密码 ， 设 置 【 如 果 访 问 被 拒绝 ， 则 转 到 】 为 voteAdminLoginasp， 单 击 【 确 定 】 按 
钮 ， 如 图 7-91 所 示 。 至 此 完成 投票 系统 管理 主 界面 voteAdmin.asp 的 制作 。 
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图 7-89 【和 转 到 详细 页 面 】 对 话 框 图 7-90 选择 【限制 对 页 的 访问 】 菜 单项 


基于 以 下 内 容 进行 限制 全 。 用 户 名 和 密码 
全 。 用 户 各 、 枯 码 和 访问 级 到 
选 职 级 别 ; 





















































如 果 访 问 被 拒绝 ， 则 转 到 voteAdninLogin. asp 








图 7-91 【限制 对 页 的 访问 】 对 话 框 


7.4.3 复制 页 面 


在 管理 界面 中 有 两 个 页 面 在 设计 上 十 分 相似 ， 一 个 是 让 管理 员 浏 览 目前 投票 结果 的 页 
面 ， 另 一 个 是 让 管理 员 决 定 是 否 要 删除 某 个 投票 活动 的 页 面 ， Co 
果 。 其 实 这 两 个 页 面 都 可 以 使 用 已 经 制作 的 voteShow.asp 来 修改 ， 所 以 在 这 里 可 以 先 复制 两 
次 voteShow.asp 页 面 ， 然 后 对 复制 的 两 个 页 面 进行 修改 即 可 。 

在 【文件 】 面 板 中 选择 voteShow.asp 页 面 ， 右 击 并 在 弹出 的 菜单 中 选择 【编辑 】 一 【 复 

】 命 令 ， 如 图 7-92 所 示 。 

再 次 重复 上 一 步 操作 ， 即 可 复制 两 个 voteShow.asp 页 面 ， 然 后 分 别 修改 名 称 为 

voteAdminShow.asp 和 voteAdminDelLasp， 如 图 7-93 所 示 。 
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图 7-92 复制 文件 
YX | 
B= "| 地 血 v] 名 CG| 呈 分 学 各 图 | 癌 
FREE ZE- 7 EE 7 | 
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田 -加 images 文 伯 夹 。 2015/10/24 11: 
国 First sf 148 GT 图 像 “2005/5/3 16:07 
ER 48 cr 图 像 2005/5/3 16:07 
国 Rext ai TB GIF 图 像 2005/5/3 16:07 
国 Prerious si 48 G1F 图 像 、 2005/5/3 16:07 
目 st 3 四 文本 文 巍 2015/10/26 13.39 
二 votehetion sp 98B ASP 文件 2015/10/26 12:04 
votehdnin asp 6KB ASP 文件 2015/10/25 15:45 
村 2015/10/25 14:31 
过 201S/10/28 12:49 
5 2015/10/24 16:36 
对 2015/10/26 14:07 
加 zo15/10/25 12:51 
网 2015/10/28 12:20 
对 2015/10/25 16:47 
otehdninlel asy 二 ASF 文件 2015/10125 16:47 











图 7-93 重 命名 文件 
7.4.4 ”修改 浏览 投票 活动 结果 页 面 


浏览 投票 活动 结果 页 面 为 voteAdminShow.asp， 修 改 该 页 面 的 操作 步骤 如 下 。 

EEC) 打开 voteAdminShow.asp 页 面 ， 将 显示 投票 结果 第 一 栏 文字 “参加 其 他 投票 " 删 
除 ， 如 图 7-94 所 示 。 

ED 将 上 方 显示 投票 活动 名 称 的 字段 拖 上 忠 到 合适 的 单元 格 中 ， 然 后 设置 为 居中 显 
示 ， 如 图 7-95 所 示 。 


网 上 [67 投 条纹 
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{RecVoteShow.vote_count} 
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7-94 ”删除 文字 “参加 其 他 投票 ” 7-95 设置 投票 活动 名 称 字段 的 位 置 
区 了 By 打开 随 书 光盘 中 的 “素材 \vvotesystem\layouthtm ”文件 ， 其 中 有 两 个 表格 ， 选 择 


上 方 的 表格 后 按 Ctrl + C 组 合 键 复制 ， 如 图 7-96 所 示 。 


用 区 四 be EX 已、0 。 标 是 : 息 覃 三文 件 














7-96 ”复制 上 方 的 表格 


EC 返回 到 voteAdminShow.asp 文件 中 ， 将 光标 移 到 最 上 方 的 单元 格 中 ， 按 CtrlHV 
组 合 键 粘贴 即 可 ， 如 图 7-97 所 示 。 





RecVoteShow.vote_item} 村 
{RecvotaShow.vote_count 


总 票数 : {voteSunmary voteSI 则 } ， 最 高 票数 ; fvoteSunmary wot 





图 7-97 粘贴 到 上 方 的 单元 格 中 


7.4.5 ”修改 删除 投票 活动 确认 页 面 


voteAdminDel.asp 页 面 大 致 上 与 voteAdminShow.asp 十 分 类 似 ， 不 同 的 是 这 里 要 有 一 个 转 
到 执行 删除 操作 的 访问 。 具 体操 作 步 又 如 下 。 
打开 voteAdminDel.asp 页 面 ， 参 照 上 一 节操 作 ， 设 置 效果 如 图 7-98 所 示 。 
ED 打开 随 书 光盘 中 的 “素材 \votesystemlayouthtm ”文件 ， 其 中 有 两 个 表格 ， 选 择 
下 方 的 表格 后 按 Ctrl + C 组 合 键 复制 ， 如 图 7-99 所 示 。 
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图 7-98 设置 投票 活动 名 称 字段 的 位 置 图 7-99 复制 下 方 的 表格 


EC) 返回 到 voteAdminDelasp 文件 中 ， 将 光标 移 到 最 上 方 的 单元 格 中 ， 按 CtrltV 组 
合 键 粘贴 即 可 ， 如 图 7-100 所 示 。 | 
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7-100 ”粘贴 到 上 方 的 单元 格 中 


EC 将 光标 放 在 需要 插入 按钮 的 位 置 ， 在 【插入 】 面 板 中 选择 【表单 】 一 【按钮 】 
菜单 项 ， 如 图 7-101 所 示 。 

















© {RecVoteShow.vote_tem} :大 
{RecVoteshow.vote count} 





图 7-101 选择 【按钮 】 菜 单项 


EEID 成 功 插入 按钮 ， 在 【属性 】 面 板 中 将 【 值 】 修 改 为 “确定 删除 此 投票 活动 
吗 ? ”， 如 图 7-102 所 示 。 
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7-102 ”修改 按钮 的 属性 


5 天 如 果 管 理 员 在 本 页 单 击 了 这 个 的 按钮 ， 网 页 会 将 该 项 投票 活动 编号 传送 至 另 
半 一 页 做 删除 处 理 。 在 这 里 需要 加 入 一 个 隐藏 区 域 来 接收 由 上 一 页 传送 过 来 的 编 
号 ， 以 便 在 本 页 表单 提交 时 能 送 到 下 一 页 去 。 


EECSD 在 【插入 】 面 板 中 选择 【表单 】 一 【隐藏 域 】 菜 单项 ， 如 图 7-103 所 示 。 
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{RecVoteShow.vote_item} : 贰 
{RecVoteShow.vote_count}- 


my vo ei 


[er 











7-103 ”选择 【隐藏 域 】 菜 单项 


四 > 插入 隐藏 域 后 ， 切 换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【请 
求 变量 】 菜 单项 ， 如 图 7-104 所 示 。 





























请 定 出 除 此 投票 才 却 对? 





图 7-104 选择 【请 求 变量 】 菜 单项 


EERB 打开 【请 求 变量 】 对 话 框 ， 选 择 【 类 型 】 为 Requset.QueryString， 输 入 【名 称 】 
为 vote id， 单 击 【 确 定 】 按 钮 ， 如 图 7-105 所 示 。 





类型 |Request. gueryString 下 








名 称 : vote_id 














7-105 【请 求 变量 】 对 话 框 


EEC) 在 【属性 】 面 板 中 将 隐藏 区 域 的 名 称 修改 为 vote id， 然 后 在 【 绑 定 】 面 板 中 将 

新 添加 的 变量 拖 电 到 隐藏 区 域 上 ， 如 图 7-106 所 示 。 | 
EC 最 后 要 设置 单 击 表单 按钮 后 会 转 到 的 页 面 。 选 择 <form> 标 签 将 表单 选中 ， 然 后 

在 【属性 】 面 板 中 输入 转 到 的 网 页 function_del.asp， 如 图 7-107 所 示 。 
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动作 |function_del. asp| 
方法 POST 本 编码 类 型 











图 7-107 设置 按钮 的 转 到 页 面 


EEC) 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【删除 记录 】 
菜单 项 ， 如 图 7-108 所 示 。 





Dretesysiere, votedminDe 3sp 














{Recvoteshow.vore. 


ym 
{RacVoteShow.vote_count} 
reteSwmmary vote5WM)， 最 高 划 数 [voteSoneary. YotegAX 








图 7-108 ”选择 【删除 记录 】 菜 单项 
EDP9 打开 【删除 记录 】 对 话 框 ， 设 置 参数 如 图 7-109 所 示 ， 单 击 【 确 定 】 按 钮 。 
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图 7-109 【删除 记录 】 对 话 框 
EE> 最 终 效果 如 图 7-110 所 示 。 至 此 完成 修改 删除 投票 活动 确认 页 面 的 操作 。 


La 
{RecVoteShow.vote_count} 





图 7-110 ”最终 效果 
网 络 投票 系统 就 此 完成 。 
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息 交互 ， 而 网 


已 经 可 以 使 用 互联 网 进行 信 
息 交 互 复杂 和 交互 困难 的 难题 。 留 言 板 主要 提供 一 个 网 上 


随 着 互联 网 的 发 展 ， 越 来 越 多 的 用 户 


站 留言 板 的 开发 解决 了 信 
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8.1 系统 的 功能 分 析 


本 章 所 制作 的 数字 留言 板 ， 留 言 显示 及 管理 留言 的 功能 都 十 分 完整 ， 相 信用 户 可 以 在 以 
下 的 操作 中 ， 能 制作 出 一 个 设计 出 色 、 功 能 完整 的 留言 板 。 


8.1.1 规划 网 页 结构 和 功能 


本 章 将 要 制作 的 数字 留言 板 系统 的 网 页 结构 如 图 8-1 所 示 。 
数字 留言 板 系统 























index. asp 

















访问 者 留言 留言 板 后 台 登 录 

















boardpublish. asp adminLogin. asp 























boardAdmin. asp 











delboard. asp 











图 8-1 留言 板 系统 结构 图 


本 系统 的 主要 结构 分 为 留言 者 访问 部 分 和 留言 板 后 台 管 理 两 个 部 分 ， 整 个 系统 中 共有 5 
个 页 面 ， 各 个 页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 8-1 所 示 。 


表 8-1 留言 板 系统 网 页 设计 表 














页 面 名 称 功 能 
index.asp 数字 留言 板 的 主页 面 
boardpublish .as 访问 者 留言 页 面 
adminLogin.asp 管理 员 登 录 页 面 
boardAdmin.asp 后 台 管 理 主页 面 
delboard.as 删除 留言 页 面 





8.1.2 网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 8-2 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 素材 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 
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张 三 








记录 1 到 2 培 共 3) 














图 8-2 首页 的 美工 效果 


8.2 数据 库 设 计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 数字 留言 板 系统 的 数据 库 ， 该 数据 库 主 要 用 来 
存储 管理 员 信息 和 留言 信息 ， 同 时 进一步 掌握 留言 板 系统 数据 库 的 连接 方法 。 


8.2.1 数据 库 的 设计 

通过 对 网 站 投票 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 2 张 表 ， 分 别 为 admin 数据 
表 和 board 数据 表 。 

1. admin 数据 表 


这 个 数据 库 表 主要 是 储存 登入 管理 界面 的 账号 与 密码 ， 主 键 为 ID， 该 数据 库 的 结构 如 
表 8-2 所 示 。 


蔷 洪 藻 吊 下 眉 岂 地 8 a 加 
SAC 





表 8-2 admin 数据 表 的 结构 





允许 空 字符 串 












| username 








passwd 





2. board 数据 表 


这 个 数据 表 主 要 是 存储 所 有 留言 板 的 数据 ， 字 段 的 命名 都 以 bd 为 前 导 符 。 本 数据 表 以 
bd_id( 留 言 编号 ) 为 主键 。 该 数据 库 的 结构 如 表 8-3 所 示 。 
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表 8-3 board 数据 表 的 结构 





























意义 字段 名 称 允许 空 字符 串 

留言 编号 bd id 

留言 人 姓名 bd name 否 

留言 人 表情 bd face 否 

留言 主题 bd subject 否 

留言 时 间 bd time 日 期 /时 间 否 

留言 人 电子 邮件 bd_email 文本 

留言 内 容 bd_content 否 


在 Access 2010 中 创建 数据 库 的 操作 步骤 如 下 。 
ED 运行 Microsoft Access 2010 程序 ， 选 择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 
【 空 数据 库 】 窗 格 ，【 浏 览 】 按 钮 咏 ， 如 图 8-3 所 示 。 


门下 Mao ewer 本 
BE es ea © 
有 ol A 
CE 
| L 
已 
Se Wb Fa SG 
& 
ses 
FE | 
SA sun 














8-3 ”选择 【 空 数据 库 】 选 项 

ECXDs 打开 【文件 新 建 数据 库 】 对 话 框 。 在 【保存 位 置 】 下 拉 列 表 框 中 选择 保存 路 
径 ， 在 【文件 名 】 文 本 框 中 输入 文件 名 boardsystem。 为 了 让 创建 的 数据 库 能 被 通 
用 ， 在 【保存 类 型 】 下 拉 列 表 框 中 选择 “Microsoft Access 数据 库 (2002-2003 格式 )” 
选项 ， 单 击 【 确 定 】 按 钮 ， 如 图 8-4 所 示 。 

ES 返回 【 空 数 据 库 】 窗 格 ， 单 击 【 创 建 】 按 钮 ， 即 在 Microsoft Access 2010 中 创建 
了 boardstem .mdb 数据 库 文件 ， 同 时 Microsoft Access 2010 自动 默认 生成 了 一 个 “ 表 
1” 数 据 表 ， 如 图 8-5 所 示 。 

EEC 在 “ 表 1” 上 单 击 鼠 标 右键 ， 选 择 快捷 菜单 中 的 【设计 视图 】 命 令 ， 打 开 【 另 存 
为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 admin， 如 图 8-6 所 示 。 
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| 记 有 4 上策 1 项 共 1 项 /上 | 系 无 入 去 苇 | 搜索 











图 8-5 创建 的 默认 数据 表 图 8-6 【另存 为 】 对 话 框 
EECD) 单 击 【确定 】 按 钮 ， 系 统 自动 以 设计 视图 方式 打开 创建 好 的 admin 数据 表 ， 如 
图 8-7 所 示 。 


按 表 8-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 效果 如 图 8-8 所 示 。 

EC 双击 admin 选项 打开 admin 的 数据 表 。 为 了 方便 用 户 访问 ， 可 以 在 数据 库 中 
预先 编辑 一 些 记 录 对 象 ， 其 中 usermame 为 管理 员 账号 ，passwd 为 管理 员 用 户 密 
码 ， 如 图 8-9 所 示 。 编 辑 完成 ， 单 击 【 保 存 】 按 钮 ， 然 后 关闭 Access 2010 软件 。 至 
此 数据 库 储存 用 户 名 和 密码 等 资料 的 admin 表 建 立 完毕 。 
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RE | | 字段 名 称 最 长 可 到 64 个 字符 [包括 空格 )。 按 
| 用 键 可 坦 看 有 关 字 段 名 称 的 帮助 。 

















图 8-7 建立 的 admin 数据 表 






































记录 4 “第 1 项 共 1 巩 MY | 舟 无 扩 远 器 





8-9 admin 表 中 输入 的 记录 
用 同样 的 方法 ， 根 据 表 8-3 所 示 的 内 容 建立 如 图 8-10 所 示 的 board 数据 表 。 
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留言 时 间 
bd enail 文本 留言 人 电子 邮件 
bd_content| 备注 留言 内 容 


8-10 ”建立 的 board 数据 表 
为 了 演示 效果 ， 对 board 数据 表 添 加 记录 ， 如 图 8-11 所 示 。 









加 ”bd_subjec - bdtine - bd_enail - bd_content "| 
1 张 三 inages/face/n01. jpg 最 喜欢 的 歌曲 。 2015/11/5 357975357@q 我 最 喜欢 的 歌曲 是 光辉 岁月 
C1 “inages/face/n03. jp 引 喜欢 什么 电影 2015/11/2 25789562@qq 我 最 喜欢 的 电影 是 夏 洁 特 烦恼 


图 8-11 board 表 中 输入 的 记录 


8.2.2 ”创建 数据 库 连接 


在 数据 库 创 建 完成 后 ， 需 要 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 ， 才 能 在 动态 网 
页 中 使 用 这 个 数据 库 文件 。 具 体操 作 步 又 如 下 。 
EEIDp 在 【控制 面板 】 窗 口中 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN】 选 项 ， 打 开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 8-12 所 示 。 
ET 单 击 【 添 加 】 按 钮 ， 打 开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(*.mdb) 选 项 ， 如 图 8-13 所 示 。 





这 反 你 起 为 安装 才 据 所 动 程序 (6)。 


名 称 = 
转 Driver da Et para arquivos texto 上 
ft A mdb) | 
£) 
ls 
a 










































































图 8-12 【系统 DSN】 选 项 卡 图 8-13 【创建 新 数据 源 】 对 话 框 


EB 单 击 【 完 成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 boardsystem， 如 图 8-14 所 示 。 

EC 单 击 【 选 择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【 驱 动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 
夹 ， 然 后 单 击 左 上 方 【数据 库 名 】 列 表 框 中 的 数据 库 文 件 boardsystem.mdb， 则 数据 
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库 名 称 自动 添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 8-15 所 示 。 



















































数据 库 名 A) 目录 O): 
boardsysten mdb d:\board 
































Ba 
De hora 
3. 找 到 需要 Gi 
的 数据 库 
文件 类 型 CT): 驱动 器 Q) 
Access 数据 库 Gt.mc ad: 









的 | 1. 指 定数 据 库 所 
在 的 盘 符 


ESEJD) 找到 数据 库 后 ， 单 击 【确定 】 按 钮 ， 回 到 【ODBC Microsoft Access 安装 】 对 话 
框 ， 再 次 单 击 【确定 】 按 钮 ， 将 返回 和 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 boardsystem、 驱 
动 程序 为 Driver do Microsoft Access(*.mdb) 的 系统 数据 源 ， 如 图 8-16 所 示 。 再 次 单 

击 【 确 定 】 按 钮 ， 完 成 ODBC 数据 源 管理 器 的 设置 。 

国 于 BY 启动 Dreamweaver CS6， 打 开 随 书 光盘 中 的 “素材 \board\index.asp” 文 件 ， 根 据 
前 面 讲 过 的 站 点 设置 方法 ， 设 置 站 点 、 文 档 类 型 、 测 试 服务 器 。 在 Dreamweaver 
CS6 中 选择 【窗口 】 一 【数据 库 】 菜 单 命令 ， 打 开 【 数 据 库 】 面 板 ， 单 击 四 按钮 ， 
弹出 如 图 8-17 所 示 的 菜单 ， 选 择 【 数 据 源 名 称 (DSN)】 菜 单项 。 

EC 打开 【数据 源 名 称 (DSN) 】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 
boardsystem， 单 击 【 数 据 源 名 称 (ODSN) 】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 
boardsystem， 其 他 保持 默认 值 ， 如 图 8-18 所 示 。 


图 8-15 选择 数据 库 
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4 单 击 上 面 的 + 按 包 创建 笑 接 。 






































图 8-16 【系统 DSN】 选 项 卡 图 8-17 【数据 库 】 面 板 


二 | :选择 刚 设置 
岂 | 的 数据 源 












村 -boardsysten 
源 名 称 (DSN): [boardsysten 

















固 码 ; 
Dreamweaver 应 连接 : 站 使 用 测试 骤 务 器 上 的 DSN 
加 使 用 本 地 DSN 















图 8-18 【数据 源 名 称 (DSN)】 对 话 框 
葬 于 BY 单 击 【 确 定 】 按 钮 ， 完 成 数据 库 的 连接 。 


8.3 留言 板 系 统 访问 页 面 的 制作 


8.3.1 留言 板 系统 主页 面 的 制作 


完成 数据 库 连 接 以 后 ， 即 可 制作 留言 板 系统 主页 面 ， 操 作 步 骤 如 下 。 

本 TI 首先 在 index .asp 页 面 中 设置 记录 集 。 切 换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 
弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 ， 设 置 方法 如 
图 8-19 所 示 。 

EGRD) 单 击 【测试 】 按 钮 ， 打 开 【 测 试 SQL 指令 】 对 话 框 ， 数 据 表 中 的 记录 果然 依照 
bd id 字段 降序 排列 ， 如 图 8-20 所 示 。 
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bd_Eace 
bd_subject 
bd_time 

















4. 选 择 按 bd id 
降序 排列 


ba_enail 


图 8-19 【记录 集 】 对 话 框 








bdnane ~ bdface ~ bd_subject bd_tine 


bd_content 
王妃 喜欢 什 
张 = 


2015/11/2 。 2578956. .， 我 最 喜 .…. 
最 喜欢 ... 2015/11/5 。 3579753. 我 最 喜 














前 25 个 全 ) 下 25 个 0 





图 8-20 【测试 SQL 指令 】 对 话 框 


莉 于 BY 单 击 【 确 定 】 按 钮 ， 返 回 【记录 集 】 对 话 框 ， 再 次 单 击 【 确 定 】 按 钮 ， 即 可 完 
成 记录 集 的 绑 定 。 


EEC 在 【 绑 定 】 面 板 上 出 现 上 面 设置 的 记录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 
一 一 拖 电 到 网 页 中 ， 如 图 8-21 所 示 。 

















2. 将 数据 字段 拖 
遇 到 合适 的 位 置 

















8-21 ”将 字段 拖 忠 到 网 页 中 


葬 于 BY 设置 留言 信息 中 表情 图 片 的 显示 。 选 择 图 像 占 位 符 ， 在 【属性 】 面 板 中 单 击 
【浏览 文件 】 按 钮 ， 如 图 8-22 所 示 。 
































| 区 i 
3. 单 击 【浏览 
区 图 像 ， 区 。 源 文件 6) Jinaees/face/ 入口 吉 o 一 文件 】 按 钮 


ml 榜 接 届 ) | 多 口 纺 六 宛 





图 8-22 设置 图 片 占 位 符 的 链接 

| 在 留言 板 中 ， 每 则 留言 都 可 以 选择 一 个 留言 表情 。 而 表情 图 片 并 不 是 直接 保 

汇 。 存在 数据 库 中 ， 而 是 只 保存 表情 图 片 的 文件 名 。 在 显示 时 ， 只 要 使 用 数据 库 中 保 
存 的 文件 名 替换 图 片 的 显示 路 径 ， 即 可 正确 显示 表情 图 片 。 在 本 例 中 ， 将 所 有 的 
表情 图 片 放置 在 boardimages\face 文件 夹 中 ， 所 以 所 有 要 显示 的 图 片 名 称 要 加 上 
这 个 前 置 路 径 才 能 正确 显示 。 

ED 打开 【选择 图 像 源 文件 】 对 话 框 ， 选 中 【数据 源 】 单 选 按钮 ， 然 后 在 【 域 】 列 

表 框 中 选择 【记录 集 (Recboard)】 栏 中 的 bd_face 字段 ， 如 图 8-23 所 示 。 





站 点 根 目录 
站 点 和 服务 器 


选择 文件 名 自 ; 站 文件 系统 
问 教 据 源 


炬 3[ 量 印记 录 祝 Bestewd 





bd_content 
[第 一 个 记录 索引 ] 

一 个 记录 索引 ] 
[总 记录 数 ] 


DDDDDD -D3 
区 
和 
E 








格式 ; 无 加 





RE OF Recboard Fields Iten (bd_face”). Value)%> 
在 站 点 定义 中 更 改 慰 认 的 赠 接 相对 于 











图 8-23 【选择 图 像 源 文件 】 对 话 框 


EC 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 绑 定 。 然 后 设置 页 面 中 的 重复 区 域 效果 ， 如 
图 8-24 所 示 。 
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DW 文 KP 痪 (二 IV 手 和 A() 修改 (M) 寿 K(O) 名 4(O 六) 训 D(W #m(H) 图 ” 如 吕 - 











3. 选择 【重复 
区 域 】 菜 单项 



































8-24 ”设置 重复 区 域 


ETE> 打开 【重复 区 域 】 对 话 框 ， 选 择 记录 集 为 Recboard， 设 置 一 页 显示 10 条 记录 ， 
如 图 8-25 所 示 ， 单 击 【 确 定 】 按 钮 完成 设置。 









记录 集 ，| Recbosrd 























显示 : 回 10 ”记录 





DD 所 有 记录 


图 8-25 【重复 区 域 】 对 话 框 
EEJpp 将 光标 定位 在 需要 插入 记录 集 导 航 状 态 的 位 置 ， 在 【插入 】 面 板 中 选择 【 数 
据 】 一 【记录 集 导航 状态 】 菜 单项 ， 如 图 8-26 所 示 。 


ordorstm as 
| | [本 F 区 拓 图 ”三 局 只 相克 区 GC 要 = 


1. 将 光标 定位 上 
在 此 位 置 























图 8-26 ”选择 【记录 集 导航 状 态 】 菜 单项 


EC 打开 【记录 集 导航 条 】 对 话 框 ， 选 择 【记录 集 】 为 Recboard， 设 置 【显示 方 
式 】 为 “文本 ”， 如 图 8-27 所 示 。 


记录 集 - Recboard 


显示 方式 : 回 文本 











讨 洪 藻 攻 了 导 内 册 8 小 














8-27 【记录 集 导航 条 】 对 话 框 


EC 单 击 【 确 定 】 按 钮 ， 成 功 插入 记录 集 导 航 状态 。 继 续 在 本 页 中 插入 记录 集 导 航 
条 ， 在 【插入 】 面 板 中 选择 【数据 】 一 【记录 集 分 页 】 一 【记录 集 导航 条 】 菜 单 


项 ， 如 图 8-28 所 示 。 




















图 8-28 选择 【记录 集 导航 条 】 菜 单项 


EEC 打开 【记录 集 导 航 条 】 对 话 框 ， 选 择 【 记 录 集 】 为 Recboard， 设 置 【显示 方 
式 】 为 “图 像 ”， 如 图 8-29 所 示 。 


记录 集 : |Recboard ~ 


显示 方式 回 文本 











8-29 【记录 集 导航 条 】 对 话 框 
EGG) 插入 后 的 导航 条 效果 如 图 8-30 所 示 ， 然 后 按照 图 设置 表格 的 宽度 属性 。 
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2. 单 击 <table> 标 签 
将 整个 表格 选择 中 










1 .将 光标 放 到 该 表格 上 
NG RNN 中 任意 单元 格 中 
im 下 










图 8-30 设置 表格 的 属性 
EGGE》 如 图 8-31 所 示 ， 合 并 表格 中 的 一 行 。 


-| 3. 按 Ctrl+AltHM 组 合 
将 光标 放 到 该 表 【一 键 ， 合 并 整 行 单元 格 
格 中 任意 位 置 



























A CBE CY Cy Ab CYC Cb CE ty 上 yo ~ 较 sol x 39%6 59Kk/2 秒 简体 中 文 
图 8-31 合并 单元 格 
GE》 选择 上 方 的 表格 ， 设 置 记录 集 不 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 8-32 所 示 。 








ORE hit ee 


EI EE I 可 阳 em 反光 口福 


























a > NO mm | 
图 8-32 ”选择 【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 


EEC 打开 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 
Recboard， 单 击 【确定 】 按 钮 完成 设置 ， 如 图 8-33 所 示 。 
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1. 请 将 光标 移 至 
下 方 表格 任意 
位 置 ， 单 击 右边 
第 一 个 <table> 标 
签 ， 选 择 下 方 





























图 8-34 选择 【如 果 记录 集 为 空 则 显示 区 域 】 菜 单项 


EEC 打开 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判断 的 记录 集 为 Recboard， 
单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 8-35 所 示 。 


-|Recboard 下 


























图 8-35 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 
EEC 至此， 留言 板 系统 的 主页 面 制作 完成 。 


8.3.2 访问 者 留言 页 面 的 制作 


通过 留言 板 系 统 主 界面 ， 可 以 跳 转 到 访问 者 留言 页 面 ， 用 户 可 以 在 此 页 面 中 添加 留言 信 
息 。 其 制作 步骤 如 下 。 
EC 打开 随 书 光盘 中 的 “素材 \board\boardpublish.asp ”文件 ， 将 光标 定位 到 “现在 时 
间 是 ”文本 后 ， 切 换 到 拆 分 视图 ， 输 入 代码 <%=now0%>。 此 步骤 的 目的 是 显示 当 
前 时 间 ， 如 图 8-36 所 示 。 | 
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8-36 ”添加 当前 时 间 代 码 


EEJPy 切换 到 设计 视图 。 该 页 面 主要 是 使 用 一 个 表单 把 输入 数据 添加 到 数据 库 中 。 所 
以 用 户 首先 要 检查 表单 的 名 称 ， 特 别 是 【发 言 图 示 】 列 表 框 中 的 10 个 单 选 按钮 的 名 
称 都 为 bd_face， 不 同 的 是 每 个 按钮 的 值 为 该 代表 图 片 的 文件 名 ， 例 如 第 3 个 按钮 的 
属性 如 图 8-37 所 示 。 在 【提交 】 按 钮 左 侧 添加 隐藏 区 域 ， 名 称 为 bd_time， 值 为 
<%=now()%>， 如 图 8-38 所 示 。 





回 | 单 选 按钮 选 定 值 |images/face/m03. 
lbd_face 





图 8-37 ” 单 选 按钮 属性 










插入 隐藏 区 域 bd_time 并 赋 
值 为 <%=now0%>， 以 设 定 
提交 的 时 间 为 系统 当前 时 间 





2 Ctabley Cr» Cea) CEormy Ctable. .> Cry < 










NI 隐藏 区 域 
bd_time 值 W =now 0% 





8-38 ”添加 当前 时 间 代码 


葬 于 BY 如 果 访 问 者 没有 输入 任何 信息 就 提交 表单 ， 此 时 数据 库 中 会 多 出 一 条 空白 的 记 
录 。 为 了 防止 这 种 情况 出 现 ， 需 要 添加 检查 表单 行为 。 选 择 整个 表单 后 ， 选 择 【 窗 
口 】 一 【行为 】 菜 单 命令 ， 打 开 【 行 为 】 面 板 ， 单 击 扣 按钮 ， 在 弹出 的 菜单 中 选择 
【检查 表单 】 菜 单项 ， 如 图 8-39 所 示 。 

EC 打开 【检查 表单 】 对 话 框 ， 设 置 bd_subject、bd name 和 bd _content 为 “必需 
的 ”， 如 图 8-40 所 示 。 
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图 8-39 选择 【检查 表单 】 菜 单项 NN 
input ee N 
域 te ha content” 



































年 回 [ 记 遇 的 
可 接受 ， 回 任何 东西 © Ws 
日 电子 邮件 地 址 。 日 数字 从 到 








图 8-40 【检查 表单 】 对 话 框 


莉 于 BY 字段 bd_email 不 是 必 填 的 字段 ， 但 是 如 果 留 言 人 输入 的 不 是 电子 邮件 的 格式 仍 
然 是 不 符合 规格 ， 所 以 用 户 可 以 在 选择 该 字段 后 ， 选 择 【 电 子 邮件 地 址 】 单 选 按 
钮 ， 即 可 执行 表单 检查 ， 如 图 8-41 所 示 。 





























input “bd_subject” (R) CE] 
input “bd_name” (R) 取消 
帮助 
可 接受 - 问 任 何 东西 D 数字 
加 [ 电 子 邮件 地 地 。 日 数字 从 到 








图 8-41 选择 【电子 邮件 地 址 】 单 选 按钮 
EUD》 完成 检查 表单 的 行为 后 ， 需 要 检查 【事件 】 是 否 为 OnSubmit， 也 就 是 在 表单 送 
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出 时 才 会 触发 这 个 检查 操作 。 完 成 了 表单 的 布置 并 加 上 表单 检查 后 ， 用 户 就 可 以 将 
数据 插入 数据 库 中 了 。 接 着 按照 如 图 8-42 所 示 操 作 ， 添 加 【插入 记录 】 服 务 器 行为 。 


boardouolinasp” x 







EE TE TE [re 
1. 检查 行 为 触发 是 轿 :| 2 
思 否 为 onSubmit 
司 Tae EL 上 
ss 





图 8-42 添加 【插入 记录 】 服 务 器 行为 
本 ET 打开 【插入 记录 】 对 话 框 ， 具 体 设置 如 图 8-43 所 示 。 


入 记 








| boardsystem 








[board 
index. asp 




















5. 程序 会 自动 对 比 数据 
表 的 字段 与 表单 中 的 字 
段 名 称 ， 可 以 检查 调整 








图 8-43 【插入 记录 】 对 话 框 
葬 于 BY 单 击 【 确 定 】 按 钮 ， 即 可 完成 访问 者 留言 页 面 的 制作 。 


8.4 留言 板 系统 后 台 管 理 的 制作 


在 留言 板 管理 系统 中 ， 管 理 员 可 以 修改 留言 信息 ， 也 可 以 删除 过 期 的 留言 信息 。 





8.4.1 管理 员 登 录 页 面 的 制作 


留言 板 后 台 管 理 系统 需要 通过 adminLogin.asp 进行 登录 管理 。 制 作 管 理 员 登录 页 面 的 操 
作 步 又 如 下 。 
EC) 打开 随 书 光 盘 中 的 “素材 \board\adminLogin.asp ”文件 ， 切 换 到 【服务 器 行为 】 
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面板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】 一 【登录 用 户 】 菜 单 
项 ， 如 图 8-44 所 示 。 








图 8-44 选择 【登录 用 户 】 菜 单项 
EEJPp 打开 【登录 用 户 】 对 话 框 ， 设 置 参数 如 图 8-45 所 示 。 





























如 果 登 录 成 功 ， 转 到 : boardAdnin. asp 





回转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 失 败 ， 转 到 index. asp 


基于 以 下 项 限制 访问 : 回 用 户 名 和 密码 
局 用 户 名 、 密 码 和 访问 级 到 


aa 5 


图 8-45 【登录 用 户 】 对 话 杠 
EGRB9 单 击 【确定 】 按 钮 ， 完 成 管理 员 登 录 页 面 adminLogin.php 的 制作 。 


8.4.2 ”留言 板 后 台 管理 主 界面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 员 主 界面 boardAdmin.asp。 制 作 该 网 页 的 操作 步骤 
如 下 。 
ES 打开 随 书 光盘 中 的 “素材 \board\boardAdmin.asp” 文 件 ， 切 换 到 【 绑 定 】 面 板 ， 
单 击 因 按钮， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单 ， 打 开 【 记 录 集 】 对 话 
框 ， 设 置 方法 如 图 8-46 所 示 。 
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1. 输 入 记录 
集 名 称 区 






















































图 8-46 【记录 集 】 对 话 框 


ECER2 单 击 【确定 】 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 【 绑 定 】 面 板 上 出 现 上 面 设 置 
的 记录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 奥 到 网 页 中 ， 其 中 特别 注意 的 
是 需要 把 bd_id 字段 拖 电 到 隐藏 符 上 ， 如 图 8-47 所 示 。 


后 于 | 1 展开 记录 集 
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站 Me iPicids Tum CH 元 
图 8-47 将 字段 拖 踊 到 网 页 中 
EEIBs 下 面 设置 留言 信息 中 表情 图 片 的 显示 。 选 择 图 像 占 位 符 ， 单 击 【浏览 文件 】 按 
钮 ， 如 图 8-48 所 示 。 


EC 打开 【选择 图 像 源 文件 】 对 话 框 ， 选 中 【数据 源 】 单 选 按钮 ， 然 后 在 【 域 】 列 
表 框 中 选择 【记录 集 (Recboard)】 栏 中 的 bd_face 字段 ， 如 图 8-49 所 示 。 
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图 像 ，!K 。 源 文件 G) imagesy 办 ce 
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8-48 设置 图 片 占 位 符 的 链接 





站 点 根 目录 


选择 文件 名 自 : 日 
汪汪 让 上 和 服务 器 


拭 ; [印记 杂货 ecbowra) 
ba_id 
bd_name 











格式 : 无 加 





TREE OF ecboard Fields Iten fbd_facer) Valoe)%> 
在 站 点 定义 中 更 改 黑 认 的 峙 按 相对 于 








Em > 





图 8-49 【选择 图 像 源 文件 】 对 话 框 


ECERDp 单 击 【确定 】 按 钮 ， 完 成 记录 集 绑 定 。 然 后 设置 页 面 中 的 重复 区 域 效果 。 选 择 
需要 重复 区 域 的 上 方 表格 ， 切 换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜 
单 中 选择 【重复 区 域 】 菜 单项 ， 如 图 8-50 所 示 。 

ECSRD 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 Recboard， 选 择 【 显 示 】 为 10 条 
记录 ， 单 击 【确定 】 按 钮 ， 如 图 8-51 所 示 。 

EC 参考 8.3.1 节 相关 内 容 ， 插 入 数据 导航 条 状态 及 数据 集 导 航 栏 ， 如 图 8-52 所 示 。 


全 在 这 里 要 提醒 用 户 ， 插 入 数据 集 导 航 状 态 与 数据 集 导航 栏 前 一 定 要 先 设置 重复 
疹 半 区域， 知 则 在 加 入 这 两 个 功能 时 会 出 现 错误 信息 . 


EC 将 光标 定位 在 刚刚 插入 的 数据 导航 条 状态 中 ， 单 击 右边 第 二 个 <table> 标 签 ， 选 
择 记 录 集 不 为 空 则 显示 的 表格 ， 设 置 方法 如 图 8-53 所 示 。 
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的 任意 位 置 ， 单 击 右边 
第 二 个 <table> 标 签 ， 选 
择 上 方 的 表格 
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ee OF/ 1 ee 





MD om Re SOC CE CY OJ Cl ot ~ 


图 8-50 选择 【重复 区 域 】 菜 单项 





记录 第 ”|Rechosrd 





旺 示 加 10 记录 





局 所 有 记录 





8-51 【重复 区 域 】 对 话 框 





记录 {Recboard_first}】 到 {Recboard_last】 (总 共 {Recboard_total} ) 








bomrddmnacps x 
ESD Yearispsten om 
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8-53 ”选择 【如 果 记 录 集 不 为 空 则 显示 区 域 】 菜 单项 
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EEC 打开 【如 果 记 录 集 不 为 空 则 显示 区 域 】》 对 话 框 ， 选 择 判断 的 记录 集 为 
Recboard， 单 击 【 确 定 】 按 钮 完成 显示 区 域 的 设置 ， 如 图 8-54 所 示 。 















沽 济 渐 中 焉 州 潍 山 8 沂 





图 8-54 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 
EC 寺 择 下 方 的 表格 ， 设 置 记 录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 8-55 所 示 。 


rn， 













1. 将 光标 移 至 下 上 








方 表格 任意 位 2 TT 
os | 3. 选择 此 订单 项 | 








选择 下 方 的 表格 








图 8-55 选择 【如 果 记录 集 为 空 则 显示 区 域 】 菜 单项 


EEC 打开 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 Recborad， 
单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 8-56 所 示 。 























8-56 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 


EEP 下 面 设置 删除 链接 ， 让 管理 员 可 以 删除 某 个 留言 信息 。 选 择 “ 删 除 ” 文 本 ， 在 
【服务 器 行为 】 面 板 中 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 菜 单 
项 ， 如 图 8-57 所 示 。 

ECGE 打开 【 转 到 详细 页 面 】 对 话 框 ， 设 置 【 详 细 信 息 页 】 为 delboard.asp、【 传 递 
URL 参数 】 为 bd_id、【 记 录 集 】 为 Recboard、【 列 】 为 bd_id， 如 图 8-58 所 示 。 
单 击 【 确 定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 

EPE) 在 【服务 器 行为 】 面 板 中 单 击 国 按钮 ， 在 弹出 的 菜单 中 选择 【更 新 记录 】 菜单 
项 ， 打 开 【 更 新 记录 】 对 话 框 ， 参 数 设 置 如 图 8-59 所 示 ， 单 击 【 确 定 】 按 钮 完成 更 
新 记录 设置 。 
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ET 一 


8-57 ”选择 【 转 到 详细 页 面 】 菜 单项 





全 和 
详细 信息 页 : delboard. asp ED 
传递 URL 参 数 : bd_id 设置 为 以 下 项 的 值 
记录 集 -| Recboard 
列 :|bd_id bq 
传递 现 有 参数 : 四 URL 参数 
表单 参数 



































图 8-58 【 转 到 详细 页 面 】 对 话 框 











连接 :| bosrdsystem 
要 更 新 的 表格 |bosrd 
选取 记录 自 : [Recboard 
唯一 健 列 baid 
在 更 新 后 ， 转 到 : boardAdnin. asp 
获取 值 自 : fernl ”|( 在 提交 时 ) 
表单 元 素 - 






































区 bdid ) 
Te 人 et (文本 ) 
































图 8-59 【更 新 记录 】 对 话 框 


由 于 boardAdmin asp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 画面 来 读 取 这 个 页 
面 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 【服务 器 行为 】 面 板 中 单 击 四 按钮 ， 在 
弹出 的 菜单 中 选择 【用 户 身份 验证 】 一 【限制 对 页 的 访问 】 菜 单项 ， 如 图 8-60 所 示 。 


E 辐 对 g 打开 【限制 对 页 的 访问 】 对 话 框 ， 选 择 【 基 于 以 下 内 容 进行 限制 】 为 “用 户 名 
和 密码 ”， 设 置 【 如 果 访 问 被 拒绝 ， 则 转 到 】 为 adminLoginasp， 单 击 【确定 】 按 
钮 ， 如 图 8-61 所 示 。 至 此 完成 留言 板 后 台 管 理 主 界面 boardAdmin.asp 的 制作 。 


芍 沙 藻 吕 下 导 炎 翰 8 小 





基于 以 下 内 容 进行 限制 ， 回 。 用 户 名 和 守 码 
局 用户 名 、 寓 码 和 访问 航 别 




















_ 


如 果 沪 问 被 拒绝 ， 则 转 到 :adninLogin. asp 





图 8-60 选择 【限制 对 页 的 访问 】 菜 单项 8-61 【限制 对 页 的 访问 】 对 话 框 


8.4.3 ”删除 留言 页 面 


删除 留言 页 面 为 delboard.asp， 主 要 作用 是 把 表单 中 的 记录 从 相应 的 数据 表 中 删除 。 具 体 


操作 步骤 如 下 。 
EEC 打开 随 书 光盘 中 的 “素材 boardvdelboard.asp ”文件 ， 切 换 到 【 绑 定 】 面 板 ， 单 
击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 


框 ， 设 置 方法 如 图 8-62 所 示 。 








名 称 : Recboard 













































































图 8-62 【记录 集 】 对 话 框 


国 于 33 单 击 【确定 】 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 【 绑 定 】 面 板 上 出 现 上 面 设 置 
的 记录 和 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 其 中 特别 注意 的 
是 需要 把 bd_face 字段 拖 电 到 图 像 占 位 符 上 ， 如 图 8-63 所 示 。 
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[ 癌 记 录 数 ] 








入 I a eend Da rninet 
boast : 


Ba sane) 














图 8-63 将 字段 拖 护 到 网 页 中 
ECDIS) 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【删除 记录 】 


菜单 项 ， 如 图 8-64 所 示 。 






团 -文档 类 型: ASP Yseript 
记录 集 (查询 ) | 
命令 


重复 区 域 
记录 集 分 页 
显示 区 域 » 


liE 录 发 
图 8-64 选择 【删除 记录 】 菜 单项 


EEC 打开 【删除 记录 】 对 话 框 ， 根 据 表 8-4 的 参数 来 设置 ， 如 图 8-65 所 示 。 

EEID) 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 。 由 于 delboard.asp 页 面 是 管理 界面 ， 为 了 避免 
浏览 者 跳 过 登录 画面 来 删除 留言 信息 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 
【服务 器 行为 】 面 板 中 单 击 四 按钮， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】~~【 限 
制 对 页 的 访问 】 命 令 ， 打 开 【 限 制 对 页 的 访问 】 对 话 框 ， 选 择 【 基 于 以 下 内 容 进行 
限制 】 为 “用 户 名 和 密码 ”， 设 置 【如 果 访 问 被 拒绝 ， 则 转 到 】 为 adminLogin.asp， 
如 图 8-66 所 示 。 


表 8-4 【删除 记录 】 对 话 框 设置 





连接 
从 表格 中 删除 
选取 记录 自 


boardsystem 
| board 








提交 此 表单 以 删除 
删除 后 ， 转 到 












Recboard 






























































Be < 至于 其 下 内 妆 才 时 本 用 产 洗 和 到 
局 用 疡 如 、 理 机 种 访问 下 | 
这 了 记 邓 和 [Recbowril 雪 时 [Ez] 
Se 
加 除 后 ， 转 到 : boardAdnin. azp le GE 
8-65 【删除 记录 】 对 话 框 图 8-66 【限制 对 页 的 访问 】 对 话 框 
EEDDp 单 击 【确定 】 按 钮 ， 然 后 保存 delboard.asp 页 面 。 这 样 就 完成 删除 留言 页 面 的 制 


作 了 。 


8.5 留言 板 管理 系统 功能 的 测试 
留言 板 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 留言 板 系统 。 
8.5.1 留言 测试 


留言 测试 步骤 如 下 。 
EET 在 I 下 浏览 器 中 输入 http://localhost/， 打 开 index.asp 文件 ， 效 果 如 图 8-67 所 示 。 











| 名 htpi/localhosin 




















[2] 喜欢 什么 电影 2015/11/2 
并 生计 允 扑 电 影 是 吾 洛 特 烦 必 








[1 最 喜欢 的 歌曲 2015/11/5 
我 怨言 区 扑 玛 站 是 夺标 内 月 











记录 1 到 2 [总共 2) 




















8-67 index.asp 文件 效果 
en 细心 的 用 户 此 时 会 发 现 ， 主 页 上 没有 显示 状态 栏 导航 条 。 根 本 原因 是 添加 重 


复 区 域 时 设置 的 条 件 为 显示 10 条 记录 ， 而 此 时 数据 库 中 刚刚 有 两 个 记录 ， 所 以 不 
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EERD9 单 击 【 发 表 留言 】 按 钮 ， 即 可 进入 留言 板 页 面 boardpublish.asp， 如 图 8-68 
所 示 。 











GS Ohepy//ocalhost/boardoublichssp Bp-acxl 








号 后 管理 录 导 交 开本 权 
查看 (V) 收藏 夫 [A) 工具 (T) 帮助 (H) 


















ET 他 ss 生理 | 












































夭 100% ~ 








图 8-68 留言 页 面 效 果 


EEJB) 在 留言 页 面 中 输入 留言 信息 ， 如 图 8-69 所 示 。 单 击 【 提 交 】 按 钮 ， 此 时 打开 
board 数据 库 ， 可 以 看 到 记录 中 多 了 一 个 刚 填写 的 数据 ， 表 示 添 加 留言 信息 成 功 ， 如 
图 8-70 所 示 。 
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[< 图 回 -| 辐 hepy/iocalhoet/boordpublich.osp Bp-sadcx 区 十 本 
Es EE 
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本 村 
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发 图 直 : I 上 
BA. 
pe 
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电 于 邮件 : 351975357@qq. =om 

















留言 内 容 : 江南 可 条 过 , 连 叶 何 现 回 . 鱼 戏 二 时 再 . 鱼 戏 证 “ 
下 车 , 鲍 戏 二 时 下 , 鱼 开 过 计 南 ,全 戏 寺 时 北 . | 
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EE 是 汉 | 
全 E 丁 四 

















8-69 留言 页 面 效果 


条 282 
















-| bdname - ba_face “Iba_subjec -| bd tine - bd_enail - bd_centent >- 

1 张 三 images/iace/a01. jpg 最 喜欢 的 歌曲 2015/11/5 357975357@q 我 最 癌 允 的 歌曲 吓 光 炊 穴 月 

imai /0 欢 什 么 电影 2015/11/72 257895628ca 放言 
a04, jps 江 席 





4 357975357@q 》 


8-70 ”数据 表 中 新 添加 的 记录 


四 YY 单 击 【 提 交 】 按 钮 ， 转 到 留言 板 主 界面 中 ， 可 以 看 到 新 添加 的 记录 显示 出 来 
了 ， 如 图 8-71 所 示 。 


Bp Eox 








EE] 3015/11/7 39:08:43 
工友 ,时 夺权 ,信和 闻名 和 了 下 间 匠 生 和 玉 开 站 国 H 叶 朱 
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0 于是 友和 全 全 





0 毅 厨 次 的 三 疝 
ed) 











记录 1 到 3 ( 共 3) 





图 8-71 新 添加 的 留言 效果 
8.5.2 后台 管 理 测试 


通过 后 台 管 理 ， 管 理 员 可 以 修改 和 删除 留言 信息 。 其 操作 步 又 如 下 。 
四 IY 在 留言 板 主页 中 单 击 【 留 言 管理 】 按 钮 ， 打 开 adminLogin.asp 文件 ， 输 入 管理 
员 账 号 和 密码 ， 如 图 8-72 所 示 ， 


CO 3 -cx 























图 8-72 管理 员 登 录 页 面 
EC) 单 击 【 登 录 管理 界面 】 按 钮 ， 进 入 boardAdmin.asp 页 面 ， 如 图 8-73 所 示 。 管 理 
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员 可 以 修改 留言 标题 和 内 容 ， 最 后 单 击 【 更 新 】 按 钮 即 可 修改 留言 信息 。 



































二 放 的 吉 间 中 洛克 入 


罗 攻 引 
[二 





其 最 刘欢 的 各 再 是 光 是 多 记 























图 8-73 boardAdmin.asp 页 面 效果 


EEJS 在 需要 删除 的 留言 中 单 击 “ 删 除 ” 链 接 ， 进 入 delboard.asp 页 面 ， 单 击 【 确 定 删 
除 】 按 钮 ， 即 可 删除 选择 的 留言 ， 如 图 8-74 所 示 。 





* |S ntpV/locahosydelboardasp?bd jd=3 
局 交互 式 雷 言 板 > | 咎 交互 式 守 二 权 
六 件 (站 ”名句 。 查看 ()。 收 府 六 (A) “工具 (部 怠 (H) 























“+ 写 确 定 要 出 除 下 面 的 究 言 信息 吗 ? 





1 开 声 


王 朋 飞 











图 8-74 delboard.asp 页 面 效果 





电子 相册 管理 系统 的 特点 是 从 相册 管理 的 角度 出 发 ， 通 过 数据 库 将 几乎 所 有 与 
之 相关 的 数据 统一 管理 起 来 ， 从 而 形成 了 集成 的 信息 集 。 电 子 相 册 管 理 系统 较 好 的 
用 户 界 面 、 信 息 共 享 、 信 息 管 理 ， 使 得 管理 人 员 和 用 户 使 用 更 加 便捷 。 电 子 相册 系 
统 容纳 的 信息 量 非 常 大 ， 主 要 通过 文字 和 图 片 等 方式 展示 出 来 。 阅 读者 除了 可 以 在 
文字 上 得 知 记录 者 的 心情 、 更 可 以 通过 生动 的 照片 赋予 文字 立体 的 画面 。 在 本 章 
中 ， 最 重要 的 技巧 在 于 如 何 实现 图 片 的 上 传 功能 。 
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9.1 系统 的 功能 分 析 


在 电子 相册 管理 系统 中 ， 通 常 按照 不 同 的 类 别 划分 不 同 的 照片 。 用 户 可 以 查看 图 片 和 说 
明文 字 ; 管理 员 可 以 进行 添加 相册 、 修 改 相 册 和 删除 相册 等 操作 。 


9.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 电子 管理 相册 系统 的 网 页 结构 如 图 9-1 所 示 。 


电子 相册 管理 系统 


index.asp 


= Re 
















































































es > 
电子 相册 前 台 部 分 | 
photoClass.asp adminLogin.asp 
2 . I 
二 一 photoAdmin asp 
photoShow asp | | photoDetail.asp 一 > 
7 > 
-一 | 一 
photoAdd.asp photoAlter.asp | photoDel.asp 
upload.asp | UpLoad_ Class.asp 





图 9-1 电子 相册 管理 系统 结构 


本 系统 的 主要 结构 分 为 电子 相册 前 台 部 分 和 电子 相册 后 台 管 理 两 个 部 分 ， 整 个 系统 中 共 
有 11 个 页 面 ， 各 个 页 面 名 称 和 对 应 的 功能 如 表 9-1 所 示 。 


表 9-1 电子 相册 管理 系统 网 页 设计 表 



































页 面 名 称 功 能 
index.asp 电子 相册 系统 的 主 界面 
photoClass.asp 电子 相册 分 类 页 面 
photoShow.asp 电子 相册 浏览 图 片 页 面 
photoDetail.asp 电子 相册 详细 显示 页 面 
adminLogin.asp 管理 员 登 录 页 面 
photoAdmin.asp 管理 主 界面 
photoAdd.asp 电子 相册 添加 页 面 
upload.asp 图 片上 传 页 面 
UpLoad_Class.asp 图 片上 传 类 页 面 

hotoAlter.as] 电子 相册 修改 页 面 
hotoDel.as] 电子 相册 删除 页 面 





9.1.2 ”网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 9-2 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 源 代码 ， 找 到 相关 站 点 的 图 片 文件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 


三 二 画 


电子 相册 管理 系统 











图 9-2 首页 的 美工 
9.2 数据 库 设 计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 电子 相册 管理 系统 的 数据 库 ， 该 数据 库 主 要 用 
来 存储 管理 员 信息 和 电子 相册 信息 ; 同时 进一步 掌握 开发 电子 相册 管理 系统 数据 库 的 连接 
方法 。 


9.2.1 数据 库 的 设计 

通过 对 电子 相册 管理 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 2 张 表 ， 分 别 为 photomain 
数据 表 和 admin 数据 表 。 

1. photomain 数据 表 


这 个 数据 表 主 要 是 保存 电子 相册 的 数据 。 其 中 pt_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 如 
此 即 能 在 添加 数据 时 为 每 一 个 相册 加 上 一 个 单独 的 编号 而 不 重复 。 该 数据 库 的 结构 如 表 9-2 
所 示 。 
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表 9-2 photomain 数据 表 的 结构 




















意义 字段 名 称 字段 大 小 允许 空 字符 串 
相册 编号 pt ID 自动 编号 长 整 型 否 
相册 的 标题 | Pt_subject 文本 20 否 
相册 的 日 期 pt_time 日 期 /时 间 否 
相册 的 内 容 pt_content 否 
相册 的 类 别 | pt class 20 否 
相册 的 照片 | pt photo 100 否 
照片 说 明 pt explain 100 次 











2. admin 数据 表 
这 个 数据 表 主 要 是 存储 登入 管理 界面 的 账号 与 密码 ， 主 键 为 ID， 该 数据 库 的 结构 如 表 9-3 
所 示 。 
表 9-3 admin 数据 表 的 结构 


长 型 
20 


允许 空 字符 串 





在 Access 2010 中 创建 数据 库 的 操作 步骤 如 下 。 
运行 Microsoft Access 2010 程序 ， 选 择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 
【 空 数 据 库 】 窗 格 ， 单 击 【 浏 览 】 按 钮 咏 ， 如 图 9-3 所 示 。 
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9-3 选择 【 空 数据 库 】 选 项 
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EERP2p 打开 【文件 新 建 数据 库 】 对 话 框 。 在 【保存 位 置 】 下 拉 列 表 框 中 选择 保存 路 
径 ， 在 【文件 名 】 文 本 框 中 输入 文件 名 photosystemmdb。 为 了 让 创建 的 数据 库 能 被 
通用 ， 在 【保存 类 型 】 下 拉 列 表 框 中 选择 “Microsoft Access 数据 库 (2002-2003 格 
式 )(*.mdb)】 选 项 ， 单 击 【 确 定 】 按 钮 ， 如 图 9-4 所 示 。 














文件 SN pholowstemmndb 


~ | 




















图 9-4 【文件 新 建 数据 库 】 对 话 框 


本 于 BY 返回 【 空 数 据 库 】 窗 格 ， 单 击 【创建 】 按 钮 ， 即 在 Microsoft Access 2010 中 创建 
了 photosystem.mdb 数据 库 文 件 ， 同 时 Microsoft Access 2010 自动 默认 生成 了 一 个 
“ 表 1” 数 据 表 ， 如 图 9-5 所 示 。 

EEC 在 “ 表 1” 上 单 击 鼠 标 右键 ， 选 择 快捷 菜单 中 的 【设计 视图 】 命 令 ， 打 开 【 另 存 
为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 photomain， 如 图 9-6 所 示 。 
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9-5 ”创建 的 默认 数据 表 图 9-6 【另存 为 】 对 话 框 


国 陡 BY 单 击 【 确 定 】 按 钮 ， 系 统 自动 以 设计 视图 方式 打开 创建 好 的 photomain 数据 表 ， 
如 图 9-7 所 示 。 
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图 9-7 创建 的 photomain 数据 表 
按 表 9-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 效果 如 图 9-8 所 示 。 





图 9-8 创建 表 的 字段 
用 同样 的 方法 ， 建 立 如 图 9-9 所 示 的 数据 表 。 





字段 | 数据 类 型 
Iw 自动 编号 用 户 编号 可 
usernane 文本 用 户 名 
jpassvd 文本 用 户 密码 


图 9-9 建立 的 admin 数据 表 
为 了 演示 效果 ， 对 admin 数据 表 添 加 记录 ， 如 图 9-10 所 示 。 


ID ~ usernane +- passyd - . 
副 1 adnin adnin 
3 (新 建 ) 


9-10 admin 表 中 输入 的 记录 


9.2.2 ”创建 数据 库 连 接 


在 数据 库 创 建 完 成 后 ， 需 要 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 ， 才 能 在 动态 网 
页 中 使 用 这 个 数据 库 文件 。 创 建 数据 库 连 接 的 具体 操作 步骤 如 下 。 
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EC 在 【控制 面板 】 窗 口中 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN]】 选 项， 打开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 9-11 所 示 。 

EEID 单 击 【 添加】 按钮 ， 打 开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(*.mdb) 选 项 ， 如 图 9-12 所 示 。 
































溜 洪 及 中 串 首 小 四 几 6 小 日 












































图 9-11 【系统 DSN】 选 项 卡 图 9-12 【创建 新 数据 源 】 对 话 框 
ES 单 击 【 完 成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 


名 】 文本 框 中 输入 photoconn， 在 【说 明 】 文 本 框 中 输入 “电子 相册 系统 ”， 如 图 9-13 
所 示 。 





photoconn 


说 明 O): 电子 相册 系统 
数据 库 








数据 库 
ED ] [可口 一] [ 候 丰 mW ] [于 第 




















ET 了 








9-13 【ODBC Microsoft Access 安装 】 对 话 框 


区 了 YY 单 击 【选择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【 驱 动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 
夹 ， 然 后 单 击 左 上 方 【数据 库 名 】 列 表 框 中 的 数据 库 文件 photosystem.mdb， 则 数据 
库 名 称 自动 添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 9-14 所 示 。 

EEDp 找到 数据 库 后 ， 单 击 【 确 定 】 按 钮 回 到 【ODBC Microsoft Access 安装 】 对 话 
框 。 再 次 单 击 【确定 】 按 钮 ， 将 返回 到 【ODBC 数据 源 管 理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 photoconn、 驱 动 
程序 为 Driver do Microsoft Access(*.mdb) 的 系统 数据 源 ， 如 图 9-15 所 示 。 再 次 单 击 
【 确定】 按钮 ， 完 成 ODBC 数据 源 管理 器 的 设置 。 
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启动 Dreamweaver CS6， 打 开 随 书 光盘 中 的 “素材 \photosystem\index.asp” 文 
件 ， 根 据 前 面 讲 过 的 站 点 设置 方法 ， 设 置 好 站 点 、 文 档 类 型 、 测 试 服务 器 。 在 


Dreamweaver CS6 中 选择 【窗口 】 一 【数据 库 】 菜 单 命 令 ， 打 开 【 数 据 库 】 面 板 ， 
单 击 四 按钮 ， 弹 出 如 图 9-16 所 示 的 菜单 ， 选 择 【 数 据 源 名 称 ([DSN)】 菜 单项 。 





数据 库 名 目录 中): 3 
photosystem. mdb d:\photosystem 亡 酸 


t mdb Ba ~ 
本 totosystn ”| | :选择 数据 库 所 
Comections 
3. 找 到 需要 站 co gg| 在 的 文件 夹 
的 数据 库 加 




























































文件 类 型 Cr) : 









1 指定 数据 库 所 
驱动 器 0) : 
FT | 的 在 和 


图 9-14 选择 数据 库 























用 户 DSN| 系统 DSN | 文件 DSN [驱动 程序 | 跟踪 “| 连接 地 关于 
系统 数据 源 6) 
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驱动 程序 ET 
DEE Driver do Microsoft Access 人 kmab) 


腹 除 ) 
























































2. 选择 一 种 立 档 类 型 。 
3. 设置 站 点 的 测 过 服务 器 。 
4 单 击 上 面 的 + 按钮 创建 连接 。 
本 
再 证 ] [取消 应 用 ] (Waa) 
图 9-15 【系统 DSN】 选项 卡 





图 9-16 【数据 库 】 面 板 
ET 打开 【数据 源 名 称 (DSN)】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 photoconn， 
单 击 【数据 源 名 称 (DSN)】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 photoconn， 其 他 保 
持 默认 值 ， 如 图 9-17 所 示 。 
EDUD) 单 击 【确定 】 按 钮 ， 完 成 数据 库 的 连接 。 
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图 9-17 【数据 源 名称 (DSN)】 对 话 框 


9.3 ”电子 相册 系统 主 寞 面 的 制作 
定义 好 站 点 并 建立 数据 库 连接 后 ， 就 可 以 制作 电子 相册 系统 的 主 界面 。 它 主要 包括 电子 
相册 系统 主 界面 、 电 子 相册 分 类 页 面 、 电 子 相册 浏览 图 片 页 面 和 电子 相册 详细 显示 页 面 。 
9.3.1 电子 相册 系统 主 界面 的 制作 


电子 相册 系统 主 界面 的 文件 是 index.asp， 该 页 面 主要 显示 电子 相册 的 4 大 分 类 : 风景 、 
人 物 、 汽 车 和 艺术 。 浏 览 者 可 以 单 击 不 同 的 分 类 链接 ， 查 看 相应 的 相册 ， 也 可 以 单 击 “ 后 台 
管理 ”链接 进入 电子 相册 系统 后 台 。 系 统 主 界面 index.asp 的 静态 页 面 设计 如 图 9-18 所 示 。 






GG 





9-18 ”电子 相册 管理 系统 主 界面 静态 效果 


有 具体 操作 步骤 如 下 。 

EEJTDp 在 index.asp 页 面 中 需要 绑 定 4 个 记录 集 ， 分 别 为 风景 、 人 物 、 汽 车 、 艺 术 。 首 
先 绑 定 风景 记录 集 ， 切 换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【 记 
录 集 (查询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-4 所 示 ， 结 果 如 图 9-19 
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所 示 。 
EEJPy 重复 上 一 步 操作 ， 绑 定 人 物 记 录 集 ， 输 入 效果 如 图 9-20 所 示 。 


表 9-4 设置 【记录 集 】 对 话 框 的 参数 





























































































































属 性 设置 值 
名 称 classl 
连接 hotoconn 
表格 hotomain 
列 全 部 
筛选 pt_ class、=、 输 入 的 值 、1 
排序 无 
各 区 classl 种: class2 
连接 [Bhetoeonn Es EE | | wi prowenn S|Es| 
加 Cm | 要 格 [photorain | 
日 揭 定 的 : = 二 -一 列 回 2 
国 
= 
= 1! 
下 [ 升 友 
图 9-19 绑 定 风景 记录 集 图 9-20 ” 绑 定 人 物 记 录 集 


ECEB9 重复 上 一 步 操作 ， 绑 定 汽车 记录 集 ， 输 入 效果 如 图 9-21 所 示 。 
EC 重复 上 一 步 操作 ， 绑 定 艺术 记录 集 ， 输 入 效果 如 图 9-22 所 示 。 









































































































































名 称 ias5 各 classd 
连接 [holeeenn [EX 一 一 = 
Ee = Ez ee 
四 二 Pt_ID 
转 
俩 选 ; = 四 
排序 : 性 
9-21 绑 定 汽车 记录 集 9-22 ” 绑 定 艺术 记录 集 


四 训 


ERey 在 每 种 相册 分 类 中 记录 相册 内 容 数 量 ， 引 导 用 户 去 点 击 ， 可 按照 下 面 的 方法 来 
设置 显示 字段 。 分 别 展 开 上 述 4 个 记录 集 ， 将 【总 记录 数 】 字 段 拖 忠 到 网 页 的 不 同 
的 位 置 ， 如 图 9-23 所 示 。 
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phetosysten ”| 本 地 视 敬 | 
图 9-23 将 【总 记录 数 】 拖 电 到 网 页 的 不 同 的 位 置 


区 了 TB 在 首页 中 还 有 5 个 链接 需要 设置 ， 分 别 是 “后 台 管 理 ”“ 风 景 ”“ 人 物 ”“ 汽 
车 ”“ 艺 术 ”。 首 先 设置 “后 台 管 理 ” 的 链接 为 adminLogin.asp， 如 图 9-24 所 示 。 


册 管 理 系 统 
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尾 性 二 
[<>mm] | 格式 中 无 | 类 无 ~ 
Css 贡 0D) 无 7 镑 接 人) adninLoein asp -@ 已 。 怀 加 
sd| 单元 格 水平 C)[ 丰 zx 挤 =] 宽 四 不 换行 o) 门 。 背景 颜色 (6) 全,| 30CD4C7 
刁 臣 下 区 人 “| 高 o 村 四 


图 9-24 设置 “后 台 管 理 ” 的 链接 


EEC 选择 “风景 ”文本 ， 单 击 【 属 性 】 面 板 中 【链接 】 右 侧 的 【浏览 文件 】 按 钮 
号， 打开 【选择 文件 】 对 话 框 ， 选 择 文件 为 photoClassasp， 如 图 9-25 所 示 。 
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案例 课堂 %~ 
"is Be 人 | 
亲口 了 mt -> @ 人 已 回 - 
Ek | 
Comoctom ad ev duoiglt chenzol 
Em a PE | s 
EC | 
文件 类 型 中 ，[ 所 有 文件 全 车， S| ED 
ra EE 
BF EC 
在 站 右 定 义 中 更 zh 让 半 接 相 2 于 
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图 9-25 【选择 文件 】 对 话 框 


EEC 单 击 【 参 数 】 按 钮 ， 打 开 【 参 数 】 对 话 框 ， 输 入 【名 称 】 为 pt_class、 
1， 如 图 9-26 所 示 。 





【 值 】 为 
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NS i 四 旦 
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pelass 1 























图 9-26 【参数 】 对 话 框 


国 了 BP 单 击 【确定 】 按 钮 ， 返 回 到 【选择 文件 】 对 话 框 ， 可 以 看 到 URL 文本 框 中 的 内 
容 为 photoClass.asp?pt_class=1， 如 图 9-27 所 示 。 

















站 点 要 目录 
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9-27 【选择 文件 】 对 话 框 
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EC 使 用 同样 的 方法 ， 设 置 “ 人 物 ” 链 接 ， 如 图 9-28 所 示 。 





选择 文件 名 自 : a 


一 
[站 点 和 服务 各. ] 
查找 范围 ): 下 photoostm vv- @ 庄 巴 回 - 


ELT 本 区 





adminLoginasp 。 class01.gif class02.gif 


A | | | 



































图 9-28 设置“ 人物” 链接 
ECG 使 用 同样 的 方法 ， 设 置 “ 汽 车 ”链接 ， 如 图 9-29 所 示 。 











ER 一 | 
站 点 和 服务 车 
查 拒 力 加: 有 ihotosysten -站 


i | 


Connections adminLoginasp 。 class01.gif dlass02.gif 
































图 9-29 设置 “汽车 ”链接 


基于 EY 使 用 同样 的 方法 ， 设 置 “ 艺 术 ” 链 接 ， 如 图 9-30 所 示 。 
ERE) 至 此 为 止 ， 完 成 首页 index.asp 的 所 有 设置 。 选 择 【 文 件 】 一 【保存 】 菜 单 命令 
保存 该 网 页 ， 按 F12 键 预览 效果 ， 如 图 9-31 所 示 。 
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文件 名 四: TUE oo 
文件 类 型 @)， [所 有 文 





AL Thoteclass sp 
相对 于 : 文档 
在 站 点 定义 中 更 弛 财 认 的 梯 接 相对 于 











图 9-30 设置 “艺术 ”链接 
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ROW 





图 9-31 主页 面 最 终 预 览 效果 
9.3.2 ”电子 相册 分 类 页 面 的 制作 
在 设置 主页 index.asp 时 ， 选 择 照片 类 别 后 会 打开 电子 相册 分 类 页 面 photoClass.asp 页 
面 ， 该 页 面 的 制作 方法 和 技巧 如 下 。 


SS 打开 随 书 光 盘 中 的 “素材 \photosystem\photoClass.asp ”文件 ， 静 态 页 面 效 果 如 
9-32 所 示 。 
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加 江 及 丰 串 首 中 四 才 6 让 









图 9-32 电子 相册 分 类 页 面 的 静态 效果 


EGRD) 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-5 所 示 ， 结 果 如 图 9-33 所 示 。 


IGG 


表 9-5 设置 【记录 集 】 对 话 框 的 参数 

















筛选 pt_class、=、URL 参数 、pt_class 
排序 pt_time、 降 序 
EE 
和 名称 Photoclass 确定 
连接 : [photoconn BIES2 下 消 
表格 : [photonsin = 3 
殊 加 全 部 先 定 的 至 
Es - 地 助 


第 轩 - [pt_cless - z= 
C7 w]ess 
排序 . [pt_time ”降序 











图 9-33 【记录 集 】 对 话 框 
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EGRS) 选择 图 像 占 位 符 ， 单 击 【 属 性 】 面 板 中 【链接 】 右 侧 的 【浏览 文件 】 按 钮 加 | 
打开 【选择 图 像 源 文件 】 对 话 框 ， 选 中 【数据 源 】 单 选 按钮 ， 在 【 域 】 列 表 框 中 选 
择 pt phote 字段 ， 然 后 在 URL 文本 框 中 添加 图 片 的 前 绥 upload/， 如 图 9-34 所 示 。 

站 点 根 目录 


Se | 





中 量 司 记录 集 Gphotoclass) 





多 
多 
多 
fF 
多 
多 
x 
? 








格式 ; 无 = 
RE upload/ OF (photoclass. Pields. Iten ("pt_photo”). Value)%> 
在 站 点 定义 中 更 改 黑 认 的 涟 接 相 对 于 





























图 9-34 【选择 图 像 源 文件 】 对 话 框 


EC 单 击 【确定 】 按 钮 ， 然 后 在 【属性 】 面 板 中 设置 宽度 为 130px， 高 度 为 94px， 
9-35 所 示 。 
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图 9-35 【属性 】 面 板 
展开 记录 集 ， 将 pt_subject 字段 拖 电 到 网 页 中 合适 的 位 置 ， 如 图 9-36 所 示 。 


D\photosystem\ photoClass asp 
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图 9-36 将 pt_subject 字段 拖 中 到 网 页 中 
本 TY 一 个 类 别 的 相册 一 般 有 多 个 ， 所 以 需要 添加 重复 区 域 功能 。 单 击 图 像 占 位 符 ， 
然后 单 击 <li> 标 签 ， 再 单 击 【 服 务 器 行为 】 面 板 上 的 固 按钮 ， 在 弹出 的 菜单 中 选择 
【重复 区 域 】 菜 单项 ， 如 图 9-37 所 示 。 
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图 9-37 设置 重复 区 域 


EC 打开 的 【重复 区 域 】 对 话 框 ， 设 置 显示 的 记录 数 为 6 条 记录 ， 如 图 9-38 所 示 。 

单 击 【 确 定 】 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 选取 要 重复 的 区 域 左 上 角 出 现 
了 一 个 【重复 】 灰 色 标 签 ， 这 表示 已 经 完成 设置 。 

四 于 BY 当 相册 的 图 片 多 于 6 条 记录 的 时 候 ， 需 要 在 第 2 页 中 显示 ， 所 以 要 加 入 记录 集 
导航 条 。 在 【插入 】 面 板 选 择 【 数 据 】 一 【记录 集 分 页 】 一 【记录 集 导航 】 菜 单 
项 ， 在 打开 的 【记录 集 导 航 条 】 对 话 框 中 ， 选 取 要 导航 条 的 记录 集 以 及 导航 条 的 显 
示 方 式 ， 如 图 9-39 所 示 。 


GG 





记录 策 ， [Photoclass 


记录 集 . photoclass 


显示 : 加 6 记录 显示 方式 : 加 文本 


图 像 


所 有 记录 





图 9-38 【重复 区 域 】 对 话 框 图 9-39 【记录 集 导 航 条 】 对 话 框 
EEC 单 击 【确定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 出 现 该 记录 集 的 导航 条 ， 如 图 9-40 
所 示 。 
EC 如 果 数 据 表 中 没有 相册 记录 ， 必 须 提 示 “ 没 有 记录 ”。 只 有 相册 中 有 记录 ， 才 
能 显示 相册 的 图 片 和 标题 信息 ， 所 以 要 加 入 “显示 区 域 ” 功 能 。 选 择 页 面 中 的 图 像 
占 位 符 ， 单 击 <li> 标 签 ， 再 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 
选择 【显示 区 域 】 一 【如 果 记 录 集 不 为 空 则 显示 区 域 】 命 令 ， 打 开 的 【如 果 记 录 集 
不 为 空 则 显示 区 域 】 对 话 框 中 单 击 【确定 】 按 钮 ， 如 图 9-41 所 示 。 
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9-40 ”添加 记录 和 集 导航 条 9-41 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 杠 


EEaP9 上 日 到 编辑 页 面 ， 会 发 现 先前 选取 要 显示 区 域 的 左上 角 出 现 了 一 个 【如 果 符合 此 
条 件 则 显示 ……】 的 灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 9-42 所 示 。 

EDE) 选择 文本 “没有 记录 ”所 在 的 行 ， 单 击 【 服 务 器 行为 】 面 板 上 的 外 按钮 ， 在 弹 
出 的 菜单 中 选择 【显示 区 域 】 一 【如 果 记 录 集 为 空 则 显示 区 域 】 命 令 ， 打 开 【 如 果 
记录 集 为 空 则 显示 区 域 】 对 话 框 ， 单 击 【 确 定 】 按 钮 ， 如 图 9-43 所 示 。 





i: [photoclass = 














图 9-42 完成 设置 后 的 效果 图 9-43 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 


ED》 如 果 浏 览 者 单 击 网 页 中 的 小 图 片 ， 则 需要 跳 转 到 单独 的 浏览 原 图 的 窗口 。 选 择 
图 像 占 位 符 ， 选 择 【 窗 口 】 一 【行为 】 菜 单 命令 ,打开 【行为 】 面 板 ， 单 击 纪 按 
钮 ， 在 弹出 的 菜单 中 选择 【打开 浏览 器 窗口 】 菜 单项 ， 打 开 【 打 开 浏 览 器 窗口 】 对 
话 框 ， 如 图 9-44 所 示 。 











图 9-44 【打开 浏览 器 窗口 】 对 话 框 
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ES 单 击 【浏览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 框 ， 选 择 文件 为 photoShow.asp， 如 












































图 9-45 所 示 。 
二 所 株 上 系 
选择 文件 名 自 be | 
查找 范 国 四 目 photosysten GP 
notes rectio uplcad adminlognasp 。 dass01gi dassD2g# 
六 | a 
class03qif classO4gif indexasp ~ index0agf indexO4gif 。 index05oif 
| zn: hetc5how asp 
文件 类 型 中) ， [所 有 文件 人 4 
WL JS esp En 
| 相对; 档 . 了 ] paotorless. sp 
及 中 区 AE 近 相对 











图 9-45 【选择 文件 】 对 话 框 
EEC》 单 击 【 参 数 】 按 钮 ， 打 开 【 参 数 】 对 话 框 ， 输 入 【名 称 】 为 pt_ ID， 单 击 【 值 】 
下 方 的 图 按钮 ， 如 图 9-46 所 示 。 
EGG 打开 【动态 数据 】 对 话 框 ， 选 择 pt_ID 字段 ， 如 图 9-47 所 示 。 










































































图 9-46 【参数 】 对 话 框 图 9-47 【动态 数据 】 对 话 框 


配对 EY 单 击 【 确 定 】 按 钮 ， 返 回 到 【参数 】 对 话 框 。 再 次 单 击 【 确 定 】 按 钮 ， 返 回 到 
【选择 文件 】 对 话 框 ， 如 图 9-48 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 返 回 和 到 【打开 浏览 器 窗口 】 对 话 框 ， 输 入 【窗口 宽度 】 为 
420，【 窗 口 高 度 】 为 360，【 窗 口 名 称 】 为 photoShow， 如 图 9-49 所 示 。 

ES ED 单 击 【 确 定 】 按 钮 ， 返 回 到 【行为 】 面 板 ， 查 看 触发 行为 的 动作 是 否 为 
onClick， 如 图 9-50 所 示 。 
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photoAkerasp photoClass.ssp photoDelacp photoDetailasp photoShowasp Fhotocyctemdb 




















要 显示 的 URL: photoShow. asp?pt_ID=<%= (phot [浏览 














窗口 宽度 :420 舌 口 高 度 : 360 
局 性 : 门 导航 工具 栏 各 单条 
地 址 工具 栏 因 要 时 使 用 六 动 条 
状态 栏 调整 大 小 手柄 


窗口 名 称 : photoShow| 




















图 9-49 【打开 浏览 器 窗口 】 对 话 框 























完成 详细 页 面 的 转向 操作 。 
详细 信息 页 : Phot oDetail. asp 
传递 URL 参数 : Pt_ 人 D 设置 为 以 下 项 的 值 
记录 集 : |photoclass ba 
到 :|pt_ID - 
传递 现 有 参数 : 同 URL 参数 
雪 间 参数 
图 9-51 【 转 到 详细 页 面 】 对 话 框 


站 本 ES ES 
文 寺 才 有 3poreahor es = = EF 
文件 类 型 0)， | 所 有 文 折 kt L 
凤 SR em ioe irelt [CE 
mT easy 
机 点 定 义 中 更 山寺 认 A 有 按 相 24 王 

图 9-48 【选择 文件 】 对 话 框 





9-50 【行为 】 面 板 


ES 选择 页 面 上 的 文本 photoclasspt_subject， 单 击 【 服 务 器 行为 】 面 板 上 的 外 按 
钮 ， 在 弹出 的 菜单 中 选择 【 转 到 详细 页 面 】 菜 单项 ， 在 打开 的 【 转 到 详细 页 面 】 对 
话 框 中 单 击 【 浏 览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 框 ， 选 择 此 站 点 中 的 photoDetail.asp 
文件 ，【 传 递 URL 参数 】 设 置 为 pt ID， 设 置 如 图 9-51 所 示 。 单 击 【 确 定 】 按 钮 ， 
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9.3.3 ”电子 相册 浏览 图 片 页 面 的 制作 


当 用 户 在 电子 相册 分 类 页 面 photoclass.asp 上 选择 某 一 个 小 图 片 后 ， 此 时 会 进入 浏览 
图 片 页 面 photoShow.asp。 其 具体 操作 步骤 如 下 。 

ED 打开 随 书 光盘 中 的 “素材 \photosystem\photoShow.asp ”文件 ， 静 态 页 面 效 果 如 
图 9-52 所 示 。 
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Ee A 后 认 基 和 央 和 关 避 瑟 二 二 2 忆 中 
























9-52 ”浏览 图 片 页 面 的 静态 效果 


EEDDy 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-6 所 示 ， 结 果 如 图 9-53 所 示 。 


表 9-6 设置 【记录 集 】 对 话 框 的 参数 


IGG 


属 性 设置 值 
名 称 show, 
连接 photoconn 
表格 photomain 
列 选 定 的 : pt_ID、pt_photo 
筛选 pt ID、=、URL 参数 、pt_ ID 
排序 无 
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图 9-53 【记录 集 】 对 话 框 
EEDB) 选择 图 像 占 位 符 ， 单 击 【 属 性 】 面 板 中 【链接 】 右 侧 的 【浏览 文件 】 按 钮 加 |， 
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打开 【选择 图 像 源 文件 】 对 话 框 ， 选 择 【数据 源 】 单 选 按钮 ， 在 【 域 】 列 表 框 中 选 
择 pt photo 字段 ， 然 后 在 URL 文本 框 中 添加 图 片 的 前 绥 upload/， 如 图 9-54 所 示 。 



































55 
一 多 [第 一 个 记录 农 引 ] 
多 
NN 了 了 [并 记录 才 ] 
NN Sm upl oad/ OF (ho Pields Ito fptyhoto) Value)%> 


在 站 点 定义 中 更 弛 黑 认 的 树 接 相对 王 




















图 9-54 【选择 图 像 源 文件 】 对 话 框 


区 YY 单 击 【确定 】 按 钮 ， 返 回 到 编辑 窗口 ， 单 击 【 关 闭 窗口 】 按 钮 。 然 后 切换 到 
拆 分 视图 ， 在 代码 窗口 中 修改 代码 如 下 : 


<input name="button" type=button onClick="window.close()" value=" 关 闭 窗口 "> 


修改 效果 如 图 9-55 所 示 。 

















图 9-55 修改 代码 


TE> 至 此 ， 完 成 浏览 图 片 页 面 的 所 有 设置 ， 选 择 【 文 件 】 一 【保存 】 菜 单 保存 
该 网 页 。 


9.3.4 电子 相册 详细 显示 页 面 的 制作 


当 用 户 在 相册 分 类 页 面 photoClass.asp 上 选择 某 一 个 图 片 的 标题 后 ， 会 进入 电子 相册 详细 
显示 页 面 photoDetailasp。 其 具体 操作 步骤 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystem\photoDetail.asp ”文件 ， 静 态 页 面 效 果 如 
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昌吉 


图 9-56 所 示 。 


加 浇 阻 三 串 首 小田 才 6 让 









图 9-56 相册 详细 显示 页 面 的 静态 效果 


四 TB 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-7 所 示 ， 结 果 如 图 9-57 所 示 。 


表 9-7 设置 【记录 集 】 对 话 框 的 参数 


GG 




















属 性 设置 值 
名 称 Recdetail 
连接 hotoconn 
表格 hotomain 
列 全 部 
筛选 pt_ID、=、URL 参数 、pt_ ID 
排序 无 
记 妇 全 [| 
各 称 : Recdet ail 证 | 
连接 四 了 [EX | 
委 格 : [photonain = | 
殊 回 全 部 “ 回 园 产 的 | 
| 











图 9-57 【记录 集 】 对 话 框 
EEJep 单 击 【确定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 设 定 完 记 录 集 绑 定 后 ， 先 把 记 


. 
a7@ 
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录 集 中 的 字段 拖 忠 到 页 面 上 的 相应 位 置 ， 其 中 图 像 占 位 符 绑 定 相册 图 片 pt_ photo 
字段 。 需 要 在 【属性 】 面 板 的 【 源 文件 】 文 本 框 中 添加 图 片 的 前 级 upload/， 如 
图 9-58 所 示 。 

Dw 加 Vr &r 

文件 (月 ” 编 圭 (E) 查看 (V) 手 入 (1 个 改 (M) ”格式 (O) 命令 (Q ”站 点 (S) ” 富 口 (W) ”帮助 (H) 
photoDetailasp* x a 


EY photocomn sp 
代码 | 拆 分 时 视图 。 网 . 如 脾 权 F4 邮 . 标题 :index 














| :二 
重 一 文档 类 型 : ASP YBSeript ce 
















eeil: pt rubjoct] 
{Recdetail. pt_tine) 
文 # 讨 到 | 


Brotosyste 






照片 说 明 : [Recdetail, pt_explain} 








CGD ivy uy iEina] [N 加 9 100x -| 国 轩 国 | 630 x 321。 1 /1 秒 重 体 中 文 (G82312) 
| 








源 文件 5) EY 0 
树 拉 0) 9 二 高 00 


目标 中 ) 
IN] DOYV 观 ee 


图 9-58 ”将 字段 拖 中 到 页 面 上 
国 了 YY 至 此 ， 完 成 相册 详细 显示 页 面 的 所 有 设置 ， 选 择 【 文 件 】 一 【保存 】 菜 单 命令 
保存 该 网 页 。 


9.4 ”电子 相册 系统 管理 界面 的 制作 
在 电子 相册 系统 中 ， 管 理 员 可 以 修改 电子 相册 信息 ， 也 可 以 删除 不 需要 的 电子 相册 。 


9.4.1 管理 员 登 录 页 面 的 制作 


由 于 管理 主页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受到 权限 管理 ， 可 以 利用 管理 员 账 号 
和 管理 密码 来 判断 是 否 有 此 用 户 。 其 具体 操作 步骤 如 下 。 
ESJDp 打开 随 书 光盘 中 的 “素材 \photosystem\adminLogin.asp ”文件 ， 切 换 到 【服务 器 
行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身 份 验证 】 一 【登录 用 户 】 
菜单 项 ， 如 图 9-59 所 示 。 


















































图 9-59 选择 【登录 用 户 】 菜 单项 
打开 【登录 用 户 】 对 话 框 ， 设 置 方法 如 图 9-60 所 示 。 
pr 表单 中 有 两 个 字段 ，usermame 是 输入 管理 员 名 称 的 字段 ，passwd 是 输入 管理 
员 密 码 的 字段 。 登 录 管理 员 的 服务 器 行为 ， 是 将 管理 员 所 输入 的 账号 和 密码 ， 与 
数据 表 中 所 保存 的 管理 员 名 称 与 密码 对 比 ， 若 是 符合 即 转 到 管理 页 面 
photoAdmin.asp， 不 符合 即 退 出 到 电子 相册 系统 主页 面 index.asp。 
本 于 BY 单 击 【 确 定 】 按 钮 ， 完 成 登录 用 户 的 验证 。 选 择 【 窗 口 】 一 【行为 】 菜 单 命 
令 ， 打 开 【 行 为 】 面 板 ， 单 击 所 按钮， 在 弹出 的 菜单 中 选择 【检查 表单 】 菜 单项 ， 
打开 【检查 表单 】 对 话 框 ， 设 置 mput"password" (R) 为 “必需 ”的 ， 如 图 9-61 所 示 。 











从 表单 获取 输入 : | forml ss 
用 户 名 字段 [usernane = 
密码 字段- [passwd 加 
使 用 连接 验证 - [photoconn 到 
表格 :| adni 
用 户 名 列 : [u 
密码 列 : |pas 
如 果 登 录 成 功 ， 转 到 : photoAhdnin. asp 浏览 
回转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 失 败 ， 转 到 : index. asp 
基于 以 下 项 限制 访问 : 回 用 户 名 和 密码 
日 用 户 和 名、 密码 和 访问 级 别 


获取 级 别 自 : I 



























































9-60 【登录 用 户 】 对 话 框 
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-一 














域 





[= 
input "username” [R) | RE 
Il 
| 





可 接受 :图 任何 东西 D 数字 
了 电子 邮件 地 址 。 刁 数字 从 到 











9-61 【检查 表单 】 对 话 框 
单 击 【确定 】 按 钮 ， 完 成 管理 员 登 录 页 面 adminLogin.asp 的 制作 。 


9.4.2 电子 相册 系统 管理 主 界面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 主 界面 photoAdmin.asp。 该 页 面 主 要 为 管理 员 提 供 数 
据 的 修改 和 删除 操作 。 具 体操 作 步 又 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystem\photoAdmin.asp ”文件 ， 静 态 页 面 效 果 如 
图 9-62 所 示 。 





电子 相册 





图 9-62 系统 管理 主 界面 的 静态 效果 
分 别 设置 网 页 中 各 个 文本 的 超级 链接 ， 如 表 9-8 所 示 。 
表 9-8 设置 页 面 中 的 链接 





新 增 电 子 相册 
管理 电子 相册 





四 于 BY 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-9 所 示 ， 结 果 如 图 9-63 所 示 。 


全 10 
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表 9-9 设置 【记录 集 】 对 话 框 的 参数 
属 性 设置 值 








警 洪 沼 叶 唱 首 中 四 由 6 兴国 








名 称 : Recphoto 





连接 : |photoconn 





表格 : photomain 下 
列 日 全 部 回 选 定 的 : 


pt_ID | 
pt_subject 
pt_time 


pt_content 
lpt-elass 


:无 


WRL 参数 


























pt_time 

















图 9-63 【记录 集 】 对 话 框 


EEC 单 击 【确定 】 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 【 绑 定 】 面 板 上 出 现 上 面 设 置 
的 记录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 中 到 网 页 中 ， 如 图 9-64 所 示 。 





后 所 管理 向 山 








9-64 ”把 字段 拖 昌 到 网 页 中 











EGRD 选择 需要 重复 区 域 的 表格 的 第 二 行 ， 切 换 到 【服务 器 行为 】 面 板 ， 单 击 国 按 
钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单项 ， 如 图 9-65 所 示 。 
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9-65 选择 【重复 区 域 】 菜 单项 


EDUD 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 Recphoto， 选 择 【 显 示 】 为 10 条 
记录 ， 单 击 【确定 】 按 钮 ， 如 图 9-66 所 示 。 











记录 和 集 ，|Recphote 
显示 网 10 记录 














是 所 有 记录 


图 9-66 【重复 区 域 】 对 话 框 


EEIODD 选择 “编辑 ”文本 ， 在 【服务 器 行为 】 面 板 中 单 击 四 按钮 ， 在 弹出 的 菜单 中 选 
择 【 转 到 详细 页 面 】 菜 单项 ， 打 开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 
置 【详细 信息 页 】 为 photoAlter.asp、【 传 递 URL 参数 】 为 pt ID、【 记 录 集 】 为 
Recphoto、【 列 】 为 pt ID， 如 图 9-67 所 示 ， 单 击 【 确 定 】 按 钮 ， 完 成 转 到 详细 页 
面 的 设置 。 

EC 重复 上 一 步 操作 ， 设 置 “删除 ”文本 的 转 到 页 面 为 photoDel.asp， 如 图 9-68 
所 示 。 


区 接 新 和 范围 :“ 伍 除 ” 了 
主妇 信 四 页 .photoDel.azp 
作 种 URL 地 数 - Pt-ID 


记 季 第 [Recphete | 


二 楼 :| 所 选区 园 : 坟 和 加 
详 绥 侵 息 页 Photohlter, ss 

伟 洁 URL 参 数 pt-ID 设置 为 以 下 项 的 全 
记录 全: leahbtt 











Ba = 
传 状 项 有 参数 站 ] URL 参数 
加 表单 亲 数 


Ba 四 
传递 现 有 参数 局] URL 参数 
回 豆单 参数 








图 9-67 【 转 到 详细 页 面 】 对 话 框 图 9-68 设置 “删除 ”文本 的 转 到 页 面 

EEC 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 【插入 】 面 板 中 选择 【数据 】 一 【记录 
集 分 页 】 一 【记录 集 导 航 条 】 命 令 ， 打 开 【 记 录 集 导航 条 】 对 话 框 ， 选 择 【 记 录 
集 】 为 Recphoto， 选 择 【 显 示 方 式 】 为 “文本 ”， 单 击 【确定 】 按 钮 ， 如 图 9-69 
所 示 。 


全 :1 








记录 集 - |Recphoto 








显示 方式 回 文本 











个 本 你 





9-69 【记录 集 导航 条 】 对 话 框 
插入 记录 集 导航 条 的 效果 如 图 9-70 所 示 。 











图 9-70 插入 记录 集 导航 条 
ECG 由 于 photoAdmin asp 页 面 是 管理 主 界面 ， 为 了 避免 浏览 者 跳 过 登录 画面 来 读 取 
这 个 页 面 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 【服务 器 行为 】 面 板 中 单 击 因 按 
钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】--【 限 制 对 页 的 访问 】 菜 单项 ， 如 图 9-71 





所 示 。 

本 于 BY 打开 【限制 对 页 的 访问 】 对 话 框 ， 选 择 【基于 以 下 内 容 进行 限制 】 为 “用 户 名 
和 密码 ”， 设 置 【 如 果 访 问 被 拒绝 ， 则 转 到 】 为 adminLogin.asp， 单 击 【确定 】 按 
钮 ， 如 图 9-72 所 示 。 


基于 以 下 内 容 进 行 限制 全 。 用 户 名 和 罗 码 
刁 。 用 户 名 、 密 码 和 访 同 级 别 














> 


如 果 访 问 被 拒绝 ， 则 转 到 adninLogin. asp 











9-71 选择 【限制 对 页 的 访问 】 菜 单项 9-72 【限制 对 页 的 访问 】 对 话 框 





[es 


艾 酒 租 距 串 首 小 四 好 6 波 上 
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EGGE) 选择 “退出 管理 界面 ”文本 ， 在 【服务 器 行为 】 面 板 中 单 击 四 按钮 ， 在 弹出 的 
菜单 中 选择 【用 户 身份 验证 】 一 【注销 用 户 】 菜 单项 ， 打 开 【 注 销 用 户 】 对 话 框 ， 
设置 如 图 9-73 所 示 ， 单 击 【确定 】 按 钮 。 





在 以 下 情况 下 注 钙 - 加 兰 十 答 估 :| 所 和 车 国 :和 志 出 管理 四 击 "， 


器 页 面 载 入 








在 完成 后 ， 转 到 : index. asp 





图 9-73 【注销 用 户 】 对 话 框 


E 巧 玩 9 至此， 完成 相册 管理 主 界面 的 所 有 设置 ， 选 择 【 文 件 】 一 【保存 】 命 令 保存 该 
网 页 。 


9.4.3 ”电子 相册 添加 页 面 的 制作 


在 电子 相册 系统 管理 主 界面 ， 管 理 员 单 击 “ 新 增 电子 相册 ”链接 ， 可 以 跳 转 到 电子 相册 
添加 页 面 。 制 作 电 子 相册 添加 页 面 的 难点 是 实现 图 片 的 上 传 功能 ， 这 里 采用 的 是 无 插件 的 上 
传 方法 ， 有 具体 操作 步骤 如 下 。 

ESIDp 打开 随 书 光盘 中 的 “素材 \photosystem\photoAdd.asp” 文 件 ， 静 态 页 面 效果 如 

图 9-74 所 示 。 


页 面 中 4 个 单 选 按钮 的 名 称 都 是 pt_class， 但 是 选 定 值 分 别 是 1、2、3、4， 对 
起 应 风景 、 人 物 、 汽 车 、 艺 术 4 种 照片 类 型 。 














图 9-74 发布 新 主题 页 面 的 静态 效果 


EECDP9 为 了 实现 图 片上 传 功能 ， 需 要 将 光标 定位 在 “上 传 图 片 ” 右 侧 的 单元 格 中 ， 切 
换 到 【 拆 分 】 模 式 ， 在 <td> 和 </td> 之 间 输 入 以 下 代码 ， 如 图 9-75 所 示 。 





型 


<iframe frameborder="0" height="60" width="400"”name="upload" 
src="upload.asp"></iframe> 

<label for="pt photo"></label> 

<input type="text" name="pt photo" id="pt photo"> 


eesddap x DN\phetosyale mphet dd ep 
FT 




















营 消 赚 叶 串 首 小 四 志 6 浇 鲁 











加 WS [| 全 4 | 针 Dt 二 | 非 忆 


于 














| 严 向 展 虽 


图 9-75 输入 相关 代码 


IGG 


Sn 此 步 使 用 了 谋 入 式 框架 (iframe) 功 能 ， 此 功能 通常 在 页 面 中 需要 加 载 其 他 页 面 
”时 使 用 。 
接着 在 上 面 添加 代码 之 后 输入 以 下 代码 ， 如 图 9-76 所 示 。 
<script> 


function backfn (fname) { 
document .getElementById ("pt _ photo") .value=fname; 
} 
</script> 






《td height="151”align="right"> 上 传 图 片 : 《</td> 

td Cifrane franeborder="0" height="60" width="400” nane= 
“upload” src="upload. asp” 

label 





id“pt_photo”" ></td 


) .value=fnane 


图 9-76 输入 相关 代码 


EEC 选择 “日 期 ” 右 侧 的 文本 域 pt_time， 在 【属性 】 面 板 的 【初始 值 】 文 本 框 中 输 
入 “<%=now0O%>”， 如 图 9-77 所 示 。 如 此 只 要 管理 员 一 进入 这 个 页 面 ， 程 序 即 会 
自动 取得 系统 当前 时 间 并 在 这 个 文本 域 上 显示 。 

















尾 性 
文本 域 字符 宽度 0 类 型 回 单行 6) 。” 门 多 行 如 ”门窗 码 P) 
pt_time | 最 多 字符 数 初始 值 I) eo 





9-77 【属性 】 面 板 
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EGG 切换 到 【服务 器 行为 】 面 板 ， 单 击 外 按钮 ， 在 弹出 的 菜单 中 选择 【插入 记录 】 
菜单 项 ， 打 开 【 插 入 记录 】 对 话 框 ， 输 入 如 表 9-10 所 示 的 数据 ， 新 增 记录 后 转 到 主 
页 面 index.asp， 如 图 9-78 所 示 ， 单 击 【确定 】 按 钮 完成 插入 记录 操作 。 


表 9-10 【插入 记录 】 对 话 框 中 的 设置 





插入 到 表格 





插入 后 ， 转 到 



























































连接 [photoeonn 9 [Fa 
插入 到 表格 - [photonsin . 
镍 入 后 ， 转 到 ; photoAdnin. asp BE 
获取 全 让 [fornl 可] (在 提交 时 ) 
表单 元 素 ) 









































图 9-78 【插入 记录 】 对 话 框 


EEID 选择 【窗口 】 一 【行为 】 菜 单项 ， 打 开 【 行 为 】 面 板 ， 单 击 强 按钮 ， 在 弹出 的 
菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 设 置 pt_subject、 
pt_photo 和 pt_content 为 必需 的 ， 如 图 9-79 所 示 。 











ee > subject” (R) 


input “pt photo” (R) 
域 |textaresa “Pt_content” (R) 


: 回 2a 的 











可 接受 ， 回 任何 东西 局 数字 


日 电子 邮件 地 址 。 日 数字 从 





9-79 【检查 表单 】 对 话 框 
EC 单 击 【确定 】 按 钮 ， 完 成 检查 表单 的 操作 。 至 此 电子 相册 添加 页 面 已 经 制作 完成 。 
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9.4.4 电子 相册 修改 页 面 的 制作 


电子 相册 修改 页 面 为 photoAlter.asp， 主 要 功能 是 将 修改 后 的 主题 和 内 容 更 新 到 photomian 
数据 表 中 。 有 具体 操作 步骤 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystemphotoAlterasp” 文 件 ， 静 态 页 面 效果 如 
图 9-80 所 示 。 


溺 洲 出 哇 训 苗 路 显 _ 翰 6 游 六 前 












图 9-80 修改 讨论 主题 页 面 的 静态 效果 
本 TY 参照 上 一 节 所 学 的 知识 ， 添 加 上 传 图 片 的 功能 ， 代 码 和 效果 如 图 9-81 所 示 。 
























和 


| 
| 





9-81 输入 代码 


EEDB) 切换 到 【 绑 定 】 面 板 ， 单 击 则 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜单 
项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 表 9-11 所 示 ， 输 入 效果 如 图 9-82 所 示 。 


a7®@ 
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表 9-11 设置 【记录 集 】 对 话 框 的 参数 
































属 性 设置 值 

名 称 Recalter 

连接 hotoconn 

表格 hotomain 

列 全 部 

筛选 Pt_ID、=、URL 参数 、pt_ID 

排序 无 、 升 序 

记录 集 Em 

名称: Recalter 
连接 [Photoconn 9 [Ee Ca |] 
表格 : |photomain 下 测 



































图 9-82 【记录 集 】 对 话 框 


EZY 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 【 绑 定 】 面 板 上 出 现 设置 的 记 


录 和 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 如 





图 9-83 所 示 。 























图 9-83 ”将 字段 拖 息 到 网 页 中 


全:1 








EECRD 选择 隐藏 域 ， 然 后 将 bbs ID 字段 拖 忠 到 上 面 ， 在 【属性 】 面 板 中 的 【 值 】 文 本 
框 中 自动 添加 有 相关 代码 ， 如 图 9-84 所 示 。 
尾 性 


区 隐藏 区 域 
pt_II 值 ) | 人 = ecalter.Fields.Iten (pt_ID"| 到 





























图 9-84 【属性 】 面板 
ECG 切换 到 【服务 器 行为 】 面 板 ， 单 击 由 按钮 ， 在 弹出 的 菜单 中 选择 【动态 表单 元 


素 】 一 【动态 单 选 按钮 组 】 菜 单项 ， 打 开 【 动 态 单 选 按钮 】 对 话 框 ， 如 图 9-85 
所 示 。 





单 选 按钮 组 : 
单 选 按钮 值 : 




















选取 值 等 于 - 











图 9-85 【动态 单 选 按钮 】 对 话 框 
EC 单 击 到 按钮 ， 打 开 【 动 态 数据 】 对 话 框 ， 选 择 【 域 】 列 表 框 中 的 记录 集 字段 
pt_class， 如 图 9-86 所 示 。 
EC) 单 击 【 确 定 】 按 钮 ， 返 回 到 【动态 单 选 按钮 】 对 话 框 ，【 选 取 值 等 于 】 文 本 框 
中 自动 添加 有 相关 的 代码 ， 如 图 9-87 所 示 。 


晟 [日 司 记录 集 Recalter) 














eh 



































得 1 
选取 值 等 于 ，<W= (Recalter. Fields. Iten("pt 副 


zxE 


DY = Recalter Fields. Iten (pt_cla: 








图 9-86 【动态 数据 】 对 话 框 9-87 【动态 单 选 按钮 】 对 话 框 


EDUD) 单 击 【 确 定 】 按 钮 ， 然 后 在 【服务 器 行为 】 面 板 单 击 由 按钮 ， 在 弹出 的 菜单 中 
选择 【更 新 记录 】 和 菜单 项， 打开 【 更 新 记录 】 对 话 框 ， 设 置 参数 如 图 9-88 所 示 。 
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中 














日 

































































9-88 【更 新 记录 】 对 话 框 


EE 世 0 由 于 photoAlter.asp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 画面 来 读 取 这 个 
页 面 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 【服务 器 行为 】 面 板 中 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】 一 【限制 对 页 的 访问 】 菜 单项 ， 如 图 9-89 
所 示 。 

本 打开 【限制 对 页 的 访问 】 对 话 框 ， 选 择 【 基 于 以 下 内 容 进 行 限制 】 为 “用 户 名 
和 密码 ”， 设 置 【如果 访问 被 拒绝 ， 则 转 到 】 为 adminLogin.asp， 单 击 【 确 定 】 按 
钮 ， 如 图 9-90 所 示 。 

EECEP)% 至 此 ， 完 成 相册 修改 页 面 的 所 有 设置 ， 选 择 【 文 件 】 一 【保存 】 菜 单 命令 保存 
该 网 页 。 


基于 以 下 内 容 进行 般 制 。 同 。 用 广 名 和 要 码 
日 。 用 广 名 、 要 码 和 访问 级 到 




















_ | 


如 果 沪 问 被 拒绝 . 刘 转 到 :adninLogin. asp Eee 














图 9-89 选择 【限制 对 页 的 访问 】 菜 单项 9-90 【限制 对 页 的 访问 】 对 话 框 


9.4.5 ”电子 相册 删除 页 面 的 制作 


电子 相册 删除 页 面 photoDel.asp 的 主要 功能 是 删除 指定 的 相册 ， 有 具体 操作 步骤 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystem\bbsdel.asp.asp” 文 件 ， 静 态 页 面 效果 如 


二 
- 320 


[es 


图 9-91 所 示 。 





加 泣 入 丰 串 首 小 田 好 6 小 





9-91 ”电子 相册 删除 页 面 的 静态 效果 


EGRD 切换 到 【 绑 定 】 面 板 ， 单 击 办 按钮， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单 
项 ， 打 开 【 记 录 集 】 对 话 框 ， 单 击 【高 级 】 按 钮 ， 进 入 记录 集 高 级 编辑 模式 ， 在 打 
开 的 SQL 文本 框 中 输入 如 下 代码 ， 如 图 9-92 所 示 。 

SELECT photomain.* 


FROM photomain 
WHERE photomain.pt_ID =sendID 














多 GG 





















































名 疹 . Recdel 证 
连接 [photoconn [Fa | | 
ET 油 起 
SQL 了 ts 出 单 
WHERE photonain pt_ID =sendID 
堵 助 
参数 图 -| 
局 冯 : 
a: 
加 
ER 
ED 
数据 谍 项 | 四国” 表格 条 加 到 SQL: 
交 视图 SELECT 
5 = 
ORDER BY 


























图 9-92 输入 SQL 语句 


区 BY 单 击 【 参 数 】 右 侧 的 出 按钮 ， 打 开 【 添 加 参数 】 对 话 框 ， 输 入 【名 称 】 为 sendID， 
选择 【类 型 】 为 Numeric， 输 入 【 值 】 为 request.QueryString ("photomain .pt ID ")， 
输入 【默认 值 】 为 1， 如 图 9-93 所 示 。 

EEC 单 击 【确定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 9-94 所 示 。 
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-案例 课堂 四 一 
名称: Recdel LE 
二 otoeonn [FS 
SQL SEET Rioteasin * Cm 
Te 下 于 可 
MERE Phot msin pt_ID =sendID 
帮助 









































类 型 :Nuneric 加 
值 : ryString ("photonain. pt_ID ") 
默认 年 : 1| 

















名 森 . sendID [L 达 
取消 
都 助 





























图 9-93 【添加 参数 】 对 话 框 图 9-94 【记录 集 】 对 话 框 

区 于 BY 单 击 【确定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 【 绑 定 】 面 板 上 出 现 设置 的 记 
录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 电 到 网 页 中 ， 其 中 图 像 占 位 符 绑 定 
相册 图 片 pt photo 字段 ， 需 要 在 【属性 】 面 板 的 【 源 文件 】 文 本 框 中 添加 图 片 的 前 
缀 upload/， 如 图 9-95 所 示 。 


DW ma) mS EBV) MA PAM) WlO) FeO AS) BOW Ne(H) MM 0 A 
































源 X 件 G) Wh necia fj 各 局 着 几 0 er 有 
EE | 








C= 
图 9-95 ”将 字段 拖 电 到 网 页 中 


EECDRUD 选择 隐藏 区 域 ， 然 后 将 pt_ID 字段 拖 忠 到 上 面 ，【 属 性 】 面 板 中 的 【 值 】 文本 框 
中 自动 添加 有 相关 代码 ， 如 图 9-96 所 示 。 


| 
Nl 隐藏 区 域 
pt_ID 值 WD |GF Recdel Fields.Iten("pt_ID"). | 多 






































9-96 【属性 】 面 板 


ED 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【删除 记录 】 
菜单 项 ， 打 开 【 删 除 记录 】 对 话 框 ， 设 置 参数 如 图 9-97 所 示 。 











连接 - photoconn 
从 囊 格 中 副 除 - |phetomsin 
选取 记录 自 : |Recdel 























溺 洲 出 鞍 训 部 路 吗 _ 翰 6 洲 





瞧 一 键 列 - |pt_ID 
提交 此 表单 以 删除 - fornl 
删除 后 ， 转 到 : photoAdnin. asp 











9-97 【删除 记录 】 对 话 框 


EEC 单 击 【确定 】 按 钮 ， 完 成 电子 相册 删除 页 面 的 制作 。 到 此 本 章 的 电子 相册 系统 
就 此 完成 。 


9.5 电子 相册 系统 功能 的 测试 
电子 相册 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 电子 相册 系统 。 


9.5.1 管理 相册 测试 


由 于 电子 相册 中 没有 任何 数据 ， 这 里 先进 行 管理 相册 的 测试 。 操 作 步 又 如 下 。 

ES 在 IE 浏览 器 中 输入 http://localhost/adminLogin.asp， 打 开 登 录 页 面 ， 输 入 管理 账 
号 和 管理 密码 ， 如 图 9-98 所 示 。 

ED 单 击 【登录 】 按 钮 ， 进 入 电子 相册 管理 主页 面 photoAdmin.asp 页 面 ， 如 图 9-99 
所 示 。 管 理 员 可 以 新 增 、 修 改 和 删除 电子 相册 。 














m=™ "x 


GS Hhtp//localhost: B PD Cx 


局 电子 相 朋 登录 x 
文件 (篇 句 (E) ”查看 (V)】 收藏 突 (A) 工具 (T) 帮助 (H) 


电子 相册 管理 后 台 
admin 























管理 账号 
管理 密码 ， |adain 
[又 ] 

















9-98 ”管理 员 登 录 页 面 9-99 ”photoAdmin.asp 页 面 效果 


国 于 BY 单 击 “ 新 增 电子 相册 ”链接 ， 进 入 电子 相册 新 增 页 面 photoAdd.asp， 按 要 求 输入 
主题 和 简 述 ， 并 选择 相册 的 类 别 ， 如 图 9-100 所 示 。 
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【¢ Er Bp-acx) 
碟 电子 人 卫生 至 x 
详 件 月 ”注册 (EF) ” 查 硅 V) 。 世 营 去 以) 工 琶 和 鞭 动 (H) 




































， 兰 呈 1 
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,ss Bens =- 国人 - 本 -+ :+ 

= 珊 试 上 传 的 所 景 美 晤 图 D1 < 
上 图 文人 和 EN 


Ca] FE 




















图 9-100 ”photoAdd.asp 页 面 效果 


EEC) 单 击 【 浏 览 】 按 钮 ， 打 开 【 选 择 要 加 载 的 文件 】 对 话 框 ， 选 择 需 要 上 传 的 照 
片 ， 如 图 9-101 所 示 。 

















OE,=, a , 四 四 | 
让 ”新 建文 件 交 
六 大 关 图 片 库 
民 下 包括 2 个 位 轩 
[了 
入 最 5 访 问 的 位 置 | 
| | - ， 
= 时 于 本 
本 AP | of | 0o20x 03.9if 
国 祝 栅 和 
回国; 
DE 
中 下 趟 05.gif 
文件 名 (Ni 0Lgif [St 
Le ] 





图 9-101 【选择 要 加 载 的 文件 】 对 话 框 


ECEJRD9 单 击 【 打 开 】 按 钮 ， 返 回 到 电子 相册 新 增 页 面 ， 单 击 【上传 】 按 钮 ， 即 可 自动 
上 传 选择 的 图 片 ， 上 传 成 功 后 ， 单 击 【 确 认 提 交 】 按 钮 即 可 ， 如 图 9-102 所 示 。 
EEp 提交 表单 后 ， 自 动 进入 电子 相册 管理 页 面 ， 可 以 看 到 添加 的 相册 。 重 复 上 面 的 

操作 ， 可 以 添加 多 个 相册 ， 如 图 9-103 所 示 。 
EC 在 需要 修改 的 相册 右 侧 单 击 “ 编 辑 ” 链 接 ， 进 入 修改 相册 页 面 ， 如 图 9-104 所 
示 。 修 改 完 成 后 ， 单 击 【确认 修改 】 按 钮 即 可 。 
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【¢ En -20x 





2 
EA 


,ns <- 四 人 5 Bo er 


上 抽风 条 贡 5 


上 对 成 功 ， 多 可 以 重新 上 传 


EU 


LE] LE 





9-102 成 功 上 传 图 片 


BB | hoocahosvonoroadmicasp 


| 


文人 中。 痊 三 昌吉 看 M| 收 大 天 A 工具 Tm) Wm 





【< /CREE Bp-scx] 





30 13:37:27 


ed - 村 - 屋 < "Ec+ 


笠 壕 。 可 放 天后 3 四 


得 文件 EJ 


IE 


CE CE 


9-104 ”修改 相册 页 面 效 果 
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EECSRD) 在 需要 删除 的 相册 右 侧 单 击 “删除 ”链接 ， 进 入 删除 电子 相册 页 面 ， 如 图 9-105 
所 示 。 单 击 【确认 删除 】 按 钮 即 可 进行 删除 操作 。 
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图 9-105 ”删除 电子 相册 页 面 效果 
9.5.2 ”管理 相册 前 台 测 试 
相册 添加 完成 后 ， 浏 览 者 在 电子 相册 主 界面 中 即 可 查看 相册 的 内 容 ， 操 作 步 骤 如 下 。 


在 正 浏览 器 中 输入 http://localhost/index.asp， 打 开 index.asp 文件 ， 效 果 如 图 9-106 
所 示 。 
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PA ey i 
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9-106 index.asp 文件 效果 
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个 相册 类 别 “风景 ”， 进 入 电子 相册 分 类 页 面 ， 


如 图 9-107 所 示 。 
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区 TB 单 击 感 兴趣 的 小 图 片 ， 即 可 进入 查看 照片 页 面 ， 如 图 9-108 所 示 。 查 看 完成 后 ， 


单 击 【关闭 窗 


图 9-107 ”电子 相册 分 类 页 面 效果 


】 按 钮 即 可 。 


售 查看 数码 照片 - Windows Internet Explorer Fe 
t ID=7 E> m| 








[HO htpi//localhost, 

















9-108 ”查看 照片 页 面 效果 


单 击 相册 的 标题 ， 即 可 进入 电子 相册 详细 显示 页 面 ， 如 图 











9-109 所 示 。 
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照片 党 明 ， 
评 组 内容， 测试 上 传 的 风景 美景 图 01 











图 9-109 ”电子 相册 详细 显示 页 面 效果 
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10.1 系统 的 功能 分 析 


BBS 论坛 通常 按 不 同 的 主题 划分 为 很 多 个 板块 ， 按 照 板块 或 者 栏目 的 不 同 ， 由 管理 员 设 
立 不 同 的 版 主 ， 版 主 可 以 对 自己 的 栏目 或 板块 进行 删除 、 修 改 或 者 锁定 等 操作 。 


10.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 BBS 论坛 管理 系统 的 网 页 结构 如 图 10-1 所 示 。 














BBS 论坛 管理 系统 



















































































index. asp 
RE Cs 
论坛 前 台 部 分 | 论坛 后 台 管理 部 分 
bbspost.asp adminLogin.asp 
bbsdetail.asp bbsAdmin.asp 
a Te 
|_ bbsreplyasp | bbsalter.asp bbsdel.asp 














图 10-1 BBS 论坛 管理 系统 结构 图 


本 系统 的 主要 结构 分 为 BBS 论坛 前 台 部 分 和 BBS 论坛 后 台 管 理 部 分 ， 整 个 系统 中 共有 8 
个 页 面 ， 各 个 页 面 名 称 和 功能 如 表 10-1 所 示 。 


表 10-1 BBS 论坛 管理 系统 网 页 设计 表 

















页 面 名 称 功 能 

index.asl BBS 论坛 系统 的 主页 面 
bbspost.asp 发 布 新 主题 页 面 

bbsdetail.asp 讨论 主题 详细 页 面 

bbsreply.as] 回复 讨论 主题 页 面 
adminLogin.asp 管理 员 登 录 页 面 

bbsAdmin.asp 系统 管理 主页 面 

bbsalter.as 修改 讨论 主题 页 面 

bbsdel.as 删除 讨论 主题 页 面 


10.1.2 ”网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 10-2 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 源 代码 ， 找 到 相关 站 点 的 pic( 图 片 ) 文 件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 
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10-2 首页 的 美工 


10.2 ”数据 库 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 网 站 论坛 管理 系统 的 数据 库 ， 该 数据 库 主要 用 
来 存储 管理 员 信息 、 讨 论 主题 信息 和 回复 主题 信息 ， 同 时 进一步 介绍 BBS 论坛 管理 系统 数据 
库 的 连接 方法 。 


10.2.1 数据 库 的 设计 

通过 对 网 站 论坛 管理 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 3 张 表 ， 分 别 为 
bbsmain、bbsreply 和 admin 数据 表 。 

1. bbsmain 数据 表 


这 个 数据 表 主要 是 保存 讨论 主题 的 数据 。 其 中 bbs_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 如 
此 即 能 在 添加 数据 时 为 每 一 则 讨论 主题 加 上 一 个 单独 的 编号 而 不 重复 。 该 数据 库 的 结构 如 
表 10-2 所 示 。 





表 10-2 bbsmain 数据 表 的 结构 


讨论 主题 编号 bbs D 自动 编号 长 整 型 
发 布 主题 的 人 bbs name 文本 i 
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续 表 
意义 数据 类 型 字段 大 小 | 。 默认 什 
发 布 主 题 人 当时 的 表情 bbs_face 文本 
发 布 主 题 的 内 容 bbs_content 备注 
发 布 主题 的 时 间 bbs time 日 期 /时 间 Now 
发 布 主题 人 的 性 别 bbs_sexX 文本 
发 布 主题 人 的 E-mail bbs_email 文本 20 
发 布 主题 人 的 个 人 主页 bbs url 文本 20 
发 布 主题 人 的 IP 地 址 数字 20 
讨论 主题 的 点 击 次 数 数字 长 整 型 











2. bbsreply 数据 表 


该 数据 库 主 要 是 存储 回复 主题 的 信息 。 其 中 rep_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 是 回 
复 讨 论 主题 的 编号 ，bbs_ID 为 讨论 主题 的 编号 。 该 数据 表 的 结构 如 表 10-3 所 示 。 


表 10-3 ”bbsreply 数据 表 的 结构 


























意 义 数据 类 型 字段 大 小 ”默认 值 
回复 主题 编导 | ep ID | 自动 编号 长 整 型 
讨论 主题 编号 | bbsm | 数字 长 整 型 
回复 主题 人 的 姓名 文本 10 
回复 主题 人 当时 的 表情 文本 
回复 主题 的 时 间 | tep time | 日 期 时 间 NO 
回复 主题 的 内 容 备注 
回复 主题 人 的 性 别 文本 
回复 主题 人 的 E-mail rep_email 文本 20 
回复 主题 人 的 个 人 主页 文本 20 
讨论 主题 人 的 他 地 址 bbs ip 数字 








3. admin 数据 表 


这 个 数据 库 表 主要 是 存储 登录 管理 界面 的 账号 与 密码 ， 主 键 为 ID， 该 数据 库 的 结构 如 
表 10-4 所 示 。 


表 10-4 _ admin 数据 表 的 结构 







允许 空 字符 串 








username 





passwd 


其 操作 步骤 如 下 。 
EEC) 运行 Microsoft Access 2010 程序 ， 选 择 【 空 数据 库 】 选 项 ， 在 主 界面 的 右 侧 打开 
【 空 数据 库 】 窗 格 ， 单 击 【 浏 览 】 按 钮 沪 ， 如 图 10-3 所 示 。 





口 回 到 











D3 肌 户 日 录 \Documents\ 
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村 
Ls 























图 10-3 打开 【 空 数据 库 】 窗 格 


EEJPp 打开 【文件 新 建 数据 库 】 对 话 框 。 在 【保存 位 置 】 下 拉 列 表 框 中 选择 保存 路 
径 ， 在 【文件 名 】 文 本 框 中 输入 文件 名 bbs.mdb。 为 了 让 创建 的 数据 库 能 被 通用 ， 在 
【保存 类 型 】 下 拉 列 表 框 中 选择 “Microsoft Access 数据 库 (2002-2003 格式 )(*.mdb)” 
选项 ， 单 击 【确定 】 按 钮 ， 如 图 10-4 所 示 。 


| 


| 

















10-4 【文件 新 建 数据 库 】 对 话 框 
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ED 返回 【 空 数 据 库 】 窗 格 ， 单 击 【 创 建 】 按 钮 ， 即 在 Microsoft Access 2010 中 创建 
了 bbs.mdb 数据 库 文 件 ， 同 时 Microsoft Access 2010 自动 默认 生成 了 一 个 “ 表 1” 数 
据 表 ， 如 图 10-5 所 示 。 

EEJzp 在 “ 表 1” 上 单 击 鼠标 右键 ， 选 择 快捷 菜单 中 的 【设计 视图 】 命 令 ， 打 开 【 另 存 
为 】 对 话 框 ， 在 【 表 名 称 】 文 本 框 中 输入 数据 表 名 称 bbsmain， 如 图 10-6 所 示 。 
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SN 图 10-5 创建 的 默认 数据 表 图 10-6 【另存 为 】 对 话 框 


葬 于 BY 单 击 【 确 定 】 按 钮 ， 系 统 自动 以 设计 视图 方式 打开 创建 好 的 bbsmain 数据 表 ， 
如 图 10-7 所 示 。 








字段 名 称 晤 长 可 到 64 个 字符 (包括 空格 )。 按 
F1 键 可 间 看 有 关 字 段 人 名 称 的 者 助 。 




















图 10-7 建立 的 bbsmain 数据 表 


按 表 10-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 后 如 图 10-8 所 示 。 

双击 bbsmain 选项 ， 打 开 bbsmain 的 数据 表 ， 为 了 方便 用 户 访问 ， 可 以 在 数据 库 
中 预先 编辑 一 些 记录 对 象 ， 如 图 10-9 所 示 。 

用 同样 的 方法 ， 建 立 如 图 10-10 和 图 10-11 所 示 的 数据 表 。 























字段 名 称 I 
se 自动 编号 引 _ 字 段 类 型 
bbs_subject 文本 讨论 主题 的 村 是 
bbs nane 文本 安 布 是 的 全 
bbs_face 文本 发 布 主 题 人 当时 的 表情 
bbs_content 备注 发 布 主题 的 内 容 
bbs_tine 日 期 /时 间 发 布 主题 的 时 间 
bbs_sex 文本 发 布 主题 人 的 性 别 
bbs_enail 文本 发 布 主 题 人 的 E-nail 
bbs_url 文本 发 布 主 题 人 的 个 人 主页 
bbs_ip 数字 信和 全 人 EM 的 | 
bbs_hits 数字 | 讨论 主题 的 点 击 次 数 
回 








图 10-8 创建 表 的 字段 





bbs_ID ~ bbs_subje - 
茹 | 1 讨论 最 新 的 流 管 理 员 
， “3 测试 论坛 。 管理 员 


bbs_nane - bbs_face - bbs_conte -| bbs tine ~ bbs_sex ~ bbs_enail - 


/pic/f01. Bi 欢迎 大 家 一 起 :#4 /pic/n01. gi 3579753588@ 
/pic/f02. gi 欢迎 一 起 来 测 :#4##### 帮 /pic/n02. gi 8888888@qq. 


图 10-9 在 bbsmain 表 中 输入 的 记录 





I 数据 类 型 
ID 自动 编号 账户 编号 
usernane 文本 用 户 名 称 
passvd 文本 | 用 户 密码 





图 10-10 建立 的 admin 数据 表 





字段 名 称 | 数据 类 型 两 8 
显 jrep_ID 自动 编号 回复 主题 编号 品 
_ bbs_ID 数字 讨论 主题 编号 
rep_nane 文本 回复 主题 的 人 
rep_content 备注 回复 主题 的 内 容 
rep_tine 日 期 /时 间 回复 主题 的 时 间 
rep_sex 文本 回复 主题 人 的 性 别 
__ rep_enail 文本 _ 回 复 主题 人 的 E-nail 
rep_url 文本 回复 主题 人 的 个 人 主页 








图 10-11 建立 的 bbsreply 数据 表 


EEJRD 为 了 演示 效果 ， 分 别 对 admin 数据 表 和 bbsreply 数据 表 添加 记录 如 图 10-12 和 
图 10-13 所 示 。 








图 10-12 在 admin 表 中 输入 的 记录 





rep_ID + bbs_ID - rep nane - rep_conte- rep_tine - rep_sex - rep_enail - rep_url ~ 
1 1 李 乐 乐 我 最 喜欢 的 歌 '4444444444### /pic/aC2. Ei 45566585588 
2 1 毛毛 我 喜欢 歌曲 套 :#4########### /pic/nC3. gi 45566121@aq 
(新 建 ) 








10-13 ”在 bbsreply 表 中 输入 的 记录 
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10.2.2 ”创建 数据 库 连 接 


在 数据 库 创 建 完成 后 ， 需 要 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 ， 才 能 在 动态 网 
页 中 使 用 这 个 数据 库 文 件 。 其 具体 操作 步骤 如 下 。 
EEIDp 在 【控制 面板 】 窗 口中 依次 选择 【管理 工具 】 一 【数据 源 (ODBC)】 一 【系统 
DSN]】 选项， 打开 【ODBC 数据 源 管理 器 】 对 话 框 ， 如 图 10-14 所 示 。 
国 23 单 击 【 添 加 】 按 钮 ， 打 开 【 创 建新 数据 源 】 对 话 框 ， 选 择 Driver do Microsoft 
Access(* mdb) 选 项 ， 如 图 10-15 所 示 。 








用 户 sy] 系统 058 | 文件 D8 | 强 动 程序 [中 踪 | 连接 地 | 关于 
系统 者 据 源 G) 


名 内 序 E17 
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图 10-14 【系统 DSN】 选项 卡 图 10-15 【创建 新 数据 源 】 对 话 框 


ECDIS 单 击 【 完 成 】 按 钮 ， 打 开 【ODBC Microsoft Access 安装 】 对 话 框 ， 在 【数据 源 
名 】 文 本 框 中 输入 bbsconn， 在 【说 明 】 文 本 框 中 输入 “论坛 系统 ”， 如 图 10-16 
所 示 。 


























EE TA 








图 10-16 【ODBC Microsoft Access 安装 】 对 话 框 


EC 单 击 【选择 】 按 钮 ， 打 开 【 选 择 数据 库 】 对 话 框 ， 单 击 【 驱 动 器 】 下 拉 按 钮 ， 
从 下 拉 列 表 中 找到 数据 库 所 在 的 盘 符 ， 在 【目录 】 列 表 框 中 找到 保存 数据 库 的 文件 
夹 ， 然 后 单 击 左 上 方 【数据 库 名 】 列 表 框 中 的 数据 库 文件 bbsmdb， 则 数据 库 名 称 自 
动 添加 到 【数据 库 名 】 文 本 框 中 ， 如 图 10-17 所 示 。 












于 司 2. 选 择 数据 库 所 
在 的 文件 夹 
独占 


1 指定 数据 库 所 
[BE 在 的 盘 符 


ED 找到 数据 库 后 ， 单 击 【确定 】 按 钮 回 到 【ODBC Microsoft Access 安装 】 对 话 
框 。 再 次 单 击 【确定 】 按 钮 ， 将 返回 到 【ODBC 数据 源 管理 器 】 中 的 【系统 DSN】 
选项 卡 ， 可 以 看 到 【系统 数据 源 】 列 表 框 中 已 经 添加 了 一 个 名 称 为 bbsconn、 驱 动 程 
序 为 Driver do Microsoft Access(* .mdb) 的 系统 数据 源 ， 如 图 10-18 所 示 。 再 次 单 击 
【 确定】 按钮 ， 完 成 ODBC 数据 源 管理 器 的 设置 。 

ER) 启动 Dreamweaver CS6， 打 开 随 书 光盘 中 的 “素材 \bbs\index.asp” 文 件 ， 根 据 前 
面 讲 过 的 站 点 设置 方法 ， 设 置 好 站 点 、 文 档 类 型 、 测 试 服务 器 。 在 Dreamweaver 
CS6 中 选择 【窗口 】 一 【数据 库 】 菜 单 命令 ， 打 开 【 数 据 库 】 面 板 ， 单 击 四 按钮 ， 
弹出 如 图 10-19 所 示 的 菜单 ， 选 择 【 数 据 源 名 称 (DSN)】 菜 单项 。 





























文件 类 型 加) : 驱动 器 0) 
Access 数据 库 人 .nc 








10-17 ”选择 数据 库 










































































用 户 DSH| 系统 SN | 文件 DSN 驱动 程序 [跟踪 “| 连接 地 | 关于 

系统 数据 源 GS); 

名 称 “驱动 程序 添加 0). 

BE Driver do Microsoft Access (#.mdb) [mm ] 

配置 CD) 
时 
ER ER | 5 用 ] EE 草 助 
图 10-18 【系统 DSN】 选项 卡 10-19 【数据 库 】 面 板 


EC 打开 【数据 源 名 称 (DSN)】 对 话 框 ， 在 【连接 名 称 】 文 本 框 中 输入 bbscomm， 单 
击 【 数 据 源 名 称 (DSN)】 下 拉 按 钮 ， 从 打开 的 下 拉 列 表 中 选择 bbsconn， 其 他 保持 默 
认 值 ， 如 图 10-20 所 示 。 
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连接 名 称 : bbscom| 
名 称 (DSN): [bbsconn =] Cp | 


用 户 全 
窗 码 : 
Dreamweaver 应 连接 : 器 使 用 测试 服务 委 上 的 DSN 
回 使 用 本 地 DSN 


1. 输 入 连 
接 名 称 














2. 选 择 刚 设 
置 的 数据 源 





10-20 【数据 源 名 称 (DSN)】 对 话 框 
ED 单 击 【 确 定 】 按 钮 ， 完 成 数据 库 的 连接 。 


10.3 BBS 论坛 管理 系统 主 界面 的 制作 


定义 好 站 点 并 建立 数据 库 连 接 后 ， 就 可 以 制作 BBS 论坛 管理 系统 的 主 界面 。 它 主要 包括 
论坛 系统 的 主页 面 、 发 布 新 主题 页 面 、 讨 论 主题 详细 页 面 、 回 复 讨 论 主题 页 面 和 搜索 主题 页 
面 等 。 


10.3.1 BBS 论坛 系统 主 界面 的 制作 


BBS 论坛 系统 主页 面 的 文件 是 index.asp， 该 页 面 主要 显示 所 有 的 讨论 主题 、 每 个 主题 的 
点 击 数 、 回 复数 、 发 布 时 间 和 最 新 回复 时 间 等 。 浏 览 者 可 以 单 击 “ 发 表 话 题 ” 链 接 发 表 一 个 
新 的 话题 ， 也 可 以 单 击 “ 管 理 登录 ”链接 进入 论坛 管理 后 台 。 系 统 主 界面 index.asp 的 静态 页 
面 设 计 如 图 10-21 所 示 。 





ES 


“首页 | 发 帖子 | 管理 登录 | 























10-21 BBS 论坛 系统 主页 面 静态 效果 
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| 
| 
第 
有 具体 操作 步骤 如 下 。 已 
EE 首先 在 indexasp 页 面 中 设置 记录 集 。 切 换 到 【 绑 定 】 面 板 ， 单 击 固 按钮 , 在 章 
弹出 的 菜单 中 选择 【记录 集 ( 查 询 )】 菜 单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 数据 如 ”加 
表 10-5 所 示 ， 结 果 如 图 10-22 所 示 。 认 
表 10-5 设置 【记录 集 】 对 话 框 的 参数 和 
属 性 设置 什 系 
名 称 Recbbs 
连接 bbsconn 
表格 bbsmain 
列 全 部 
排序 无 NN 
二 避 
名 条: Recbbs CC 三 
连接 [bbzeonn SF Cs] 
要 格 [bbsnain 加 | 世 
天 而 亿 部 日 六 的 = 
和. [0 


R 











图 10-22 【记录 集 】 对 话 框 
区 于 PY 单 击 【 高 级 】 按 钮 ， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT bbsmain.bbs ID,FIRST(bbsmain.bbs time)RAS bbstime, 

FIRST (bbsmain.bbs hits)RAS bbshits,FIRST(bbsmain.bbs subject)RAS bbssubject, 
FIRST (bbsmain.bbs url)AS bbsurl,FIRST(bbsmain.bbs email)ASsS bbsemail, 

FIRST (bbsmain.bbs_ sex)AS bbssex,FIRST (bbsmain.bbs face)As bbsface, 

FIRST (bbsmain.bbs content)AS bbscontent,FIRST (bbsmain.bbs name)RAS bbsname, 
COUNT (bbsreply.rep_ID)AS RepNum,MAX (bbsreply.rep time)AS LatesTime 

FROM bbsmain LEFT OUTER JOIN bbsreply 

ON bbsmain.bbs_ID=bbsreply.bbs_ID 

GROUP BY bbsmain.bbs ID 


其 中 使 用 FIRSTO 函 数 获 取 bbsmain 表 中 指定 字段 的 第 一 条 数据 ， 使 用 COUNTO 函 数 获 
取 共有 多 少 条 回复 记录 ,使 用 MAXO 函 数 获取 所 有 回复 记录 中 最 新 的 回复 时 间 。 由 于 
bbsmain 数据 表 中 的 主题 在 bbsreply 数据 表 中 不 一 定 会 有 对 应 回复 的 话题 ， 所 以 这 里 使 用 
LEFT OUTER JOIN 将 接合 关系 中 两 个 数据 表 分 为 左 、 右 两 个 数据 表 ， 其 中 左边 数据 表 在 经 过 
接合 后 ， 不 管 右边 的 数据 表 是 否 存在 ， 仍 然 会 将 资料 全 部 列 出 。 输 入 效果 如 图 10-23 所 示 。 
































外 
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图 10-23 输入 SQL 语句 


EEC) 单 击 【 测 试 】 按 钮 ， 打 开 【 测 试 SQL 指令 】 对 话 框 ， 数 据 表 中 的 字段 果然 依照 
SQL 的 设置 绑 定 了 进来 ， 并 完成 统计 的 操作 ， 如 图 10-24 所 示 。 





sbbsarl bbs... bbssex bbs 
357... /19i /Bi 
868. .71pi.。 /pi 

















前 25 个 中) ] [ 下 2s 个 on ] 


图 10-24 【测试 SQL 指令 】 对 话 框 
YY 单 击 【 确 定 】 按 钮 ， 返 回 【记录 集 】 对 话 框 ， 再 次 单 击 【 确 定 】 按 钮 ， 即 可 完 
成 记录 集 的 绑 定 。 
区 于 BY 在 【 绑 定 】 面 板 上 出 现 设置 的 记录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 
拖 电 到 网 页 中 ， 如 图 10-25 所 示 。 


版 块 主题 











{Recbbs. bbssubject} 











图 10-25 ”把 字段 拖 忠 到 网 页 中 


本 于 BD 将 光标 定位 在 {Recbbs.bbssubject} 的 左边 ， 选 择 【 插 入 】 一 【图 像 对 象 】 一 【图 
像 占 位 符 】 菜 单 命令 ,打开 【图 像 占 位 符 】 对 话 框 ， 设 置 高 度 和 宽度 都 为 20， 如 
图 10-26 所 示 。 单 击 【 确 定 】 按 钮 ， 插 入 一 个 图 像 占 位 符 。 

EC 选择 插入 的 图 像 占 位 符 ， 单 击 【 属 性 】 面 板 【 源 文件 】 文 本 框 右 侧 的 【浏览 文 
件 】 按 钮 ， 打 开 【 选 择 图 像 源 文件 】 对 话 框 ， 选 中 【数据 源 】 单 选 按钮 ， 在 【 域 】 
列表 框 中 选择 记录 集中 的 bbsface 字段 ， 如 图 10-27 所 示 。 单 击 【确定 】 按 钮 ， 完 成 
记录 集 的 绑 定 。 
























bbstime 


多 
多 

一 多 bbshits 

中 的 bbsface 一 多 bbssubject 

多 
多 
多 
5 


字段 bbsurl 


bbsemail 
bbssex 





bbscontent 
— bbsnone 


Dome 











格式 : [无 ~ 
| WEL = (Recbbs.Fields.Item("bbsface"].yalue]%> 
在 站 点 定义 中 更 改 黑 认 的 峙 按 相 对 二 






















图 10-27 【选择 图 像 源 文件 】 对 话 框 
EB> 接着 设置 页 面 中 的 重复 区 域 效果 ， 如 图 10-28 所 示 。 


2 选择 【服务 上 
器 行为 】 面 板 


J 


3. 选 择 【 重 复 区 














10-28 ”设置 重复 区 域 
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EEpp 打开 【重复 区 域 】 对 话 框 ， 选 择 记录 集 为 Recbbs， 设 置 一 页 显示 10 条 记录 ， 如 
图 10-29 所 示 ， 单 击 【 确 定 】 按 钮 完成 设置 。 











10-29 【重复 区 域 】 对 话 框 


EEC 在 木 页 中 插入 记录 集 导航 条 。 在 【插入 】 面 板 中 选择 【插入 】 一 【数据 】 一 
【记录 集 分 页 】 一 【记录 集 导 航 条 】 菜 单项 ， 如 图 10-30 所 示 。 


lnderacor x| 
EY wee 




















10-30 ”选择 【记录 集 导航 条 】 菜 单项 


EEIDp 打开 【记录 集 导航 条 】 对 话 框 ， 选 择 【 记 录 集 】 为 Recbbs， 设 置 【显示 方式 】 
为 “文本 ”， 如 图 10-31 所 示 。 


记录 和 集 : |Recbbs - 
显示 方式 : 回 文本 
日 图 像 























10-31 【记录 集 导 航 条 】 对 话 框 


EC 单 击 【 确 定 】 按 钮 ， 插 入 后 的 导航 条 效果 如 图 10-32 所 示 。 
EC 选择 上 方 的 表格 ， 设 置 记录 集 不 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 10-33 所 示 。 
EC 打开 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判断 的 记录 集 为 Recbbs， 
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© 


单 击 【确定 】 按 钮 完成 设置 ， 如 图 10-34 所 示 。 








1 人才 省 业 1 知 地 对 笠 





4 007. Tv 


Ea 版 块 主题 发 帖 人 + 


名 MRechbs, bbssnbjesy) 


和 请 先 发 帖 



































py AGG 























10-34 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 


EEC) 选择 下 方 的 表格 ， 设 置 记 录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 10-35 所 示 。 

EED 打开 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 Recbbs， 单 

击 【 确 定 】 按 钮 完成 设置 ， 如 图 10-36 所 示 。 

EC 如 果 用 户 对 于 某 一 项 主题 有 兴趣 的 话 ， 可 以 在 选择 后 进行 回复 。 在 这 里 即 是 要 
设置 转 到 详细 页 面 ， 将 用 户 引 入 回复 主题 页 面 。 设 置 方法 如 图 10-37 所 示 。 

EGRE 打开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 置 【 详 细 信息 页 】 为 
bbsdetail.asp、【 传 递 URL 参数 】 为 bbs ID、【 记 录 集 】 为 Recbbs、【 列 】 为 
bbs ID， 如 图 10-38 所 示 ， 单 击 【 确 定 】 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 
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3. 选 择 【 转 到 详 
细 页 面 】 菜 单项 
ee 


T 


1 











详细 信息 页 bbsdet ail. asp| 
传递 URL 参数 bbs_D 设置 为 以 下 项 的 什 
记录 入 -|Recbbs 四 
到 : |bbs_ID 了 
传递 现 有 参数 四 URL 参数 
表单 参数 









































10-38 【 转 到 详细 页 面 】 对 话 框 
EC 在 index.asp 页 面 中 有 3 个 文字 链接 “首页 ”“ 发 表 话题 ”和 “管理 





8 登录 ” 





面 设 定 其 链接 文件 ， 如 表 10-6 所 示 。 


表 10-6 文字 链接 的 页 面 
链接 页 面 








发 表 话 题 
管理 登录 
EEEW 至 此 ， 完 成 论坛 系统 主页 面 index.asp 的 所 有 设置 ， 选 择 【 文 件 】 一 【保存 】 菜 
单 命令 保存 该 网 页 ， 按 F12 键 即 可 预览 效果 ， 如 图 10-39 所 示 。 
| 


[全 人 ET Bo- scx 


EET EE | sR | :机 | RE NN 
Om i sy 
: a 





党 洲 贮 哮 闻 荡 Sgg_ 乾 0L 名 时 









































图 10-39 ”主页 面 最 终 预览 效果 
10.3.2 ”发 布 新 主题 页 面 的 制作 


在 BBS 论坛 系统 主 界面 ， 用 户 通过 单 击 “ 发 表 话题 ”链接 ， 可 以 跳 转 到 发 布 新 主题 页 面 
bbspostasp。 上 有 具体 操作 步骤 如 下 。 
E53 打开 随 书 光盘 中 的 “素材 \bbs\bbspost.asp” 文 件 ， 静 态 页 面 效 果 如 图 10-40 所 示 。 
2 ee -AT 

















10-40 ”发 布 新 主题 页 面 的 静态 效果 


345 令 


Dreamweaver+ASP 动 态 网 站 


案例 课堂 g- 














页 面 的 表单 fomml 中 文本 域 和 文本 区 域 设置 如 表 10-7 所 示 。 


表 10-7 表单 form1 中 文本 域 和 文本 区 域 



































含 义 文本 域 /按钮 名 称 方法 /类 型 
表单 forml post 
讨论 主题 的 标题 bbs_subject 单行 
发 布 主题 的 人 bbs_name 单行 
发 布 主题 人 的 性 别 bbs_sex 单 选 按钮 
发 布 主题 人 当时 的 表情 bbs_face 单 选 按 钮 
发 布 主题 的 内 容 bbs_content 多 行 
发 布 主题 人 的 E-mail bbs_email 单行 
发 布 主题 人 的 个 人 主页 bbs_url 单行 
确定 提交 Submit 提交 表单 
重新 填写 Submit2 重 设 表单 


ECEe) 将 光标 定位 在 【重新 填写 】 右 侧 ， 选 择 【 插 入 】 一 【表单 】 一 【隐藏 区 域 】 菜 
单 命令 ,然后 在 【属性 】 面 板 中 命名 为 bbs ip， 在 【 值 】 文本 框 中 输入 如 下 代码 ， 
如 图 10-41 所 示 。 


<%=Request .ServerVariables ("REMOTE ADDR")%> 





层 性 | 
Ne 


bbs_ip 值 W) | 人 =Request. ServerVariables ("RENO 多 





图 10-41 设置 隐藏 区 域 的 名 称 和 值 
ED 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【插入 记录 】 
菜单 项 ， 打 开 【 插 入 记录 】 对 话 框 ， 输 入 如 表 10-8 所 示 的 数据 ， 新 增 记 录 后 转 到 主 
页 面 mdex.asp， 如 图 10-42 所 示 ， 单 击 【 确 定 】 按 钮 完成 插入 记录 操作 。 


表 10-8 【插入 记录 】 对 话 框 中 的 设置 










bbsconn 





插入 到 表格 
插入 后 ， 转 到 
获取 值 自 


bbsmain 





index.asp 









forml 


文本 字段 和 数据 字段 对 应 上 即 可 
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图 10-42 【插入 记录 】 对 话 杠 


EC 选择 【窗口 】 一 【行为 】 菜 单 命令 ， 打 开 【 行 为 】 面 板 ， 单 击 扣 按 钮 ， 在 弹出 
的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 设 置 bbs_subject、 
bbs_name 和 bbs_content 为 “必需 的 ”， 如 图 10-43 所 示 。 


1 
input “bbs-email” ONisEnail) 
input “bbs_url” 








值 ， 园 必 圭 的 


可 接受 ， 回 任何 东西 局 数字 
日 电子 邮 伯 地址 占 败 了 从 





图 10-43 【检查 表单 】 对 话 框 
EC 字段 bbs_email 不 是 必 填 的 字段 ， 但 是 如 果 留 言 人 输入 的 不 是 电子 邮件 的 格式 仍 


然 是 不 符合 规定 ， 所 以 可 以 在 选择 该 字段 后 ， 选 中 【电子 邮件 地 址 】 单 选 按钮 ， 即 
可 执行 表单 检查 ， 如 图 10-44 所 示 。 









































什 加 必 时 的 


可 接受 ， 癌 任何 东西 © 数字 
加 | 电子 邮件 地 十 。 占 数字 从 











10-44 ”选中 【电子 邮件 地 址 】 单 选 按钮 
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EC 单 击 【 确 定 】 按 钮 ， 完 成 检查 表单 的 操作 。 至 此 发 布 新 主题 页 面 已 经 制作 完成 。 


10.3.3 ”讨论 主题 详细 页 面 的 制作 


当 用 户 在 主页 面 index.asp 上 选择 某 一 项 主题 后 ， 会 进入 一 个 详细 页 面 ， 将 这 个 主题 的 主 


留言 及 回复 留言 的 内 容 显示 在 一 个 页 面 上 让 用 户 浏览 。 具 体操 作 步 骤 如 下 。 


EE 打开 随 书 光盘 中 的 “素材 \bbs\bbsdetail.asp” 文 件 ， 静 态 页 面 效果 如 图 10-45 
所 示 。 

















图 10-45 讨论 主题 详细 页 面 的 静态 效果 
区 TB 由 于 该 页 面 需要 同时 显示 讨论 主题 和 回复 主题 的 内 容 ， 因 此 需要 把 两 个 记录 
集 进行 合并 ， 一 次 性 取得 这 两 个 数据 表 中 的 所 有 字段 ， 可 根据 主题 页 面 传送 过 来 
的 URL 参数 bbs_ ID 进行 筛选 。 
ETB> 换 到 【 绑 定 】 面 板 ， 单 击 因 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 单 
项 ， 打 开 【 记 录 集 】 对 话 框 ， 单 击 【高 级 】 按 钮 ， 进 入 记录 集 高 级 设 定 的 对 话 框 ， 
将 现 有 的 SQL 语句 改 成 如 下 的 SQL 语句 ， 如 图 10-46 所 示 : 


SELECT 
bbsmain.*,bbsreply.*  ”// 两 个 表 的 所 有 记录 ，* 代 表 所 有 


FROM 
bbsmain LEFT OUTER JOIN bbsreply ON bbsmain.bbs ID=bbsreply.bbs ID 


/ /数据 关联 


WHERE bbsmain.bbs_ID =sendID 


代码 中 用 LEFT OUTER JOIN 关联 数据 表 bbsmain 和 bbsreply 中 的 字段 ， 取 得 两 个 数据 表 


中 的 相关 数据 。 并 且 用 WHERE 语句 ， 和 筛选 bbsmain 数据 表 中 的 bbs_ID 字段 值 等 于 sendID 
变量 值 。 
































OUTER JOT bbsr 
TD=bbsreply. bbs_ID 
:Ih = ea 


























图 10-46 【记录 集 】 对 话 框 


加 DY 单 击 【 参 数 】 右 侧 的 四 按钮 ， 打 开 【添加 参数 】 对 话 框 ， 输 入 【名 称 】 为 
sendID ， 选 择 【 类 型 】 为 Numeric， 输 入 【 值 】 为 request QueryString 
("bbsmain .bbs ID， 输入 【默认 值 】 为 1， 如 图 10-47 所 示 。 

本 BY 单 击 【确定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 10-48 所 示 。 单 击 【确定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 





































































名 陈 cortent 和 请 
过 答 [bbses 四 
ee hhsat 
at 
i ed 
多 数 四 日 
ordD 
FT < Numenc 
| 昔 requestQusrysStingCbbsm . 
| 晤 认 值 : 1 
客 称 : sendID 数 扫 话 责 | 可 辆 ”于 入 适 吉 到 SCL 
和 [merie = i | 
伺 ueryStrine (bbsnain. bbs_1D" 
默认 值 : 1 Commy ) 























图 10-47 【添加 参数 】 对 话 框 


图 10-48 【记录 集 】 对 话 框 


EED 在 设 定 完 记 录 集 绑 定 后 ， 先 把 记录 集中 的 字段 拖 忠 到 页 面 上 的 相应 位 置 ， 其 中 
两 个 图 像 占 位 符 分 别 绑 定 发 布 人 性 别 形象 bbs_sex 字段 和 回复 人 性 别 形象 
bbs ref sex 字段 ， 其 结果 如 图 10-49 所 示 。 

EC 选择 表格 中 的 文本 “电子 邮件 ”， 在 【属性 】 面 板 上 单 击 【浏览 文件 】 按 钮 
回 ， 打 开 【 选 择 文件 】 对 话 框 ， 在 该 对 话 框 中 选中 【数据 源 】 单 选 按钮 ， 然 后 在 
【 域 】 列 表 框 中 选择 【记录 集 (content)】 中 的 bbs_email 字段 ， 并 且 在 URL 链接 前 
面 加 上 “mailto:”， 如 图 10-50 所 示 。 
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| EY et Ys eoniog ths rine} 


回 砚 人 + {erntentrep nome 本 {content sep_coatest) 











10-49 ”将 字段 拖 护 到 页 面 上 


EGGUD) 选择 表格 中 的 文本 “主页 ”， 在 【属性 】 面 板 上 单 击 【 浏 览 文件 】 按 钮 回 ， 打 
开 【 选 择 文件 】 对 话 框 。 在 该 对 话 框 中 选中 【数据 源 】 单 选 按钮 ， 然 后 在 【 域 】 列 
表 框 中 选择 【记录 集 (content)】 中 的 bbs_url 字段 ， 并 且 在 URL 链接 前 面 加 上 
“http://”， 如 图 10-51 所 示 。 





























图 10-50 设置 电子 邮件 的 链接 图 10-51 设置 主页 的 链接 


本 于 BD 重复 上 两 步 的 操作 ， 设 置 其 回复 人 的 “电子 邮件 ”和 “主页 ”的 链接 。 一 个 是 
【记录 集 (detail)】 中 的 rep_email 字段 ， 一 个 是 【记录 集 (detail)】 中 的 rep_url 字段 ， 
分 别 如 图 10-52 和 图 10-53 所 示 。 
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图 10-52 设置 电子 邮件 的 链接 图 10-53 设置 主页 的 链接 
EGRID) 选择 文本 “回复 主题 ”， 单 击 【 服 务 器 行为 】 面 板 上 的 回 按钮 ， 在 弹出 的 菜单 
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中 选择 【 转 到 详细 页 面 】 菜 单项 ， 在 打开 的 【 转 到 详细 页 面 】 对 话 框 中 单 击 【 浏 
览 】 按 钮 ， 打 开 【 选 择 文件 】 对 话 框 ， 在 【详细 信息 页 】 中 选择 此 站 点 中 的 
bbsreply.asp，【 传 递 URL 参数 】 设 置 为 bbs ID， 设 置 如 图 10-54 所 示 。 单 击 【 确 
定 】 按 钮 ， 完 成 详细 页 面 的 转向 操作 。 























65.5 -ee | CC 晤 人 
详 给 信息 页 . bbsreply. asp ET Can] 
全 造 URL 参数 : bbs_ 亲 设置 为 以 下 项 的 得 [二 动 ] 
记录 条 [eontent 
到 : bbs_ID | 
全 遂 现 有 参数 局 ] URL 参数 
回 表单 参数 








10-54 【 转 到 详细 页 面 】 对 话 框 


EC 一 个 主题 回复 的 内 容 一 般 是 多 个 ， 所 以 要 把 回复 的 内 容 信息 全 部 显示 出 来 。 选 
择 页 面 中 要 重复 的 表格 ， 单 击 【 服 务 器 行为 】 面 板 上 的 由 按钮 ， 在 弹出 的 菜单 中 选 
择 【 重 复 区 域 】 菜 单项 ， 如 图 10-55 所 示 。 
EE e i 


WAY se ss 
a 咯 欧 履 必 导 了 性 计 到 区 
一 = a [ss 








2. 选 择 【 重 复 A 
a 区 域 】 菜 单项 二 





讨论 主题 。 feoetmnt sos sotject) 之 mt 




















Ma pan ia | 
i 


| 











EE 
图 10-55 选择 要 重复 的 表格 


配对 BY 打开 的 【重复 区 域 】 对 话 框 ， 设 置 显示 的 记录 数 为 6 条 记录 ， 如 图 10-56 所 示 。 

EECE) 单 击 【 确 定 】 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 
现 了 一 个 【重复 】 灰 色 标签 ， 这 表示 已 经 完成 设置 。 

ECE》 当 回复 的 内 容 多 于 6 条 记录 的 时 候 ， 需 要 在 第 二 页 中 显示 ， 所 以 要 加 入 记录 集 
导航 条 。 在 【插入 】 面 板 中 选择 【数据 】 一 【记录 集 分 页 】 一 【记录 集 导 航 】 菜 单 
项 ， 在 打开 的 【记录 集 导 航 条 】 对 话 框 中 ， 选 取 导 航 条 的 记录 集 以 及 导航 条 的 显示 
方式 ， 如 图 10-57 所 示 。 
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图 10-56 【重复 区 域 】 对 话 框 图 10-57 【记录 集 导航 条 】 对 话 框 
EEaDp 单 击 【 确 定 】 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 出 现 该 记录 集 的 导航 条 ， 如 图 10-58 
所 示 。 
而 | 





加 由 人: 国史 {contert sep contert) 


rm DF ee te 
i 














图 10-58 添加 记录 集 导航 条 
E> 如 果 没 有 信息 回复 的 时 候 ， 就 必须 提示 “目前 没有 回复 ”， 如 果 有 人 回复 了 这 











个 主题 时 ， 就 必须 显示 回复 的 内 容 信息 ， 所 以 要 加 入 “显示 区 域 ”功能 。 选 择 有 数 
据 时 要 显示 的 一 行 ， 如 图 10-59 所 示 。 


本 


Ai featrp mand) PSE Cement rp. ent 
: 











四 电邮 件 仿生 主页 fcoaleatrep time 








图 10-59 选择 要 显示 的 一 行 
ED 单 击 【服务 器 行为 】 面 板 上 的 曲 按 钮 ， 在 弹出 的 菜单 中 选择 【显示 区 域 】 一 


【如 果 记 录 集 不 为 空 则 显示 区 域 】 命 令 ， 打 开 【 如 果 记 录 集 不 为 空 则 显示 区 域 】 对 
话 框 ， 单 击 【 确 定 】 按 钮 ， 如 图 10-60 所 示 。 











10-60 【如 果 记 录 集 不 为 空 则 显示 区 域 】 对 话 框 
EEC) 日 到 编辑 页 面 ， 会 发 现 先前 选取 要 显示 的 区 域 左上 角 出 现 了 一 个 【如 果 符合 此 
条 件 则 显示 ……】 的 灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 10-61 所 示 。 
ED 选择 文本 “目前 没有 回复 ”所 在 的 行 ， 单 击 【 服 务 器 行为 】 面 板 上 的 国 按 钮 ， 





二 
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芍 洒 及 不 贞 水 Sea_ 攻 0 小 六 前 


在 弹出 的 菜单 中 选择 【显示 区 域 】 一 【如 果 记 录 集 为 空 则 显示 区 域 】 菜 单项 ， 打 开 
【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 单 击 【确定 】 按 钮 ， 如 图 10-62 所 示 。 


1 J 



























图 10-61 完成 设置 后 的 效果 图 10-62 【如 果 记录 集 为 空 则 显示 区 域 】 对 话 框 





10.3.4 添加 记录 点 击 次 数 功能 


在 主页 中 设置 了 文章 阅读 统计 功能 ， 当 访问 者 点 击 标题 进入 讨论 主题 详细 页 面 时 ， 阅 读 
统计 数目 就 要 增加 一 次 ， 这 主要 是 通过 更 新 bbsmain 数据 表 里 的 bbs-hits 字段 来 实现 的 。 具 体 
操作 步骤 如 下 。 

EC 打开 bbsdetail.asp 页 面 ， 单 击 【 服 务 器 行为 】 面 板 上 的 四 按 钮 ， 在 弹出 的 菜单 

中 选择 【命令 】 菜 单项 ， 打 开 【 命 令 】 对 话 框 ， 设 置 【名称 】 为 hits，【 类 型 】 选 择 
为 更 新 ，【 连 接 】 选 择 bbsconn 数据 源 ， 在 SQL 文本 框 中 输入 以 下 SQL 语句 ， 如 
图 10-63 所 示 。 


pp GG 















































UPDATE bbsmain // 更 新 bbsmain 数据 表 
SET bbs hits = bbs hits + 1 // 设 置 bpbsmain 数据 表 中 的 bbs_hits 中 字段 自动 加 1 
WHERE bbs_ID = hitID //_bbs_ID 的 值 等 于 hitID 变量 中 的 值 
和 ] 连接 [bbseomm 7] CR = 
关 型 [更 新 了 日 返回 具有 以 下 名 条 的 记 邓 入 IC 王 EE] 
SQL UPIATE bbsnsin 必 助 
Mn en 
交 熏 - +| 二 | 
大 称 EE 大 小 运行 值 












































数据 园 bbs_tine 笨 加 到 SQL: 
库 项 - 加 bbs_sex ET 
园 bbs_enail 
园 bbs_wrl 日 JR 
图 bbs_ip 
园 bbs hits 网 














10-63 【命令 】 对 话 框 


区 PY 单 击 【 变 量 】 右 边 的 四 | 按钮。 输入 【名 称 】 为 hitD、【 类 型 】 为 Numeric、【 大 
小 】 为 1， 【运行 值 】 为 Request.QueryString("bbs_ ID， 如 图 10-64 所 示 。 其 中 
hitID 为 SQL 用 来 识别 回复 的 变量 ， 其 值 等 于 当前 网 页 所 显示 的 讨论 主题 编号 。 
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名 称 : hits 连接 :|bbseomn 
类型 - [更 新 了 ] 国 返回 只 有 以 下 名 称 的 记 对 集 - 





























-TEATE bbsnain 
SET bbs hits=bbs hitstl 
WHERE bbs_ID=hitID 


.| 




















图 Weip 
| 王国 Washits 

















10-64 【命令 】 对 话 框 
ECDIS 单 击 【 确 定 】 按 钮 ， 完 成 添加 记录 点 击 次 数 功 能 的 操作 。 


10.3.5 回复 讨论 主题 页 面 的 制作 


回复 讨论 主题 页 面 bbsreply.asp 主要 是 将 表单 中 填写 的 回复 内 容 信息 添加 到 bbsreply 数据 
表 中 。 由 于 回复 讨论 主题 页 面 需要 传递 讨论 主题 详细 页 面 中 的 参数 bbs ID( 主 题 编 号 ) 和 
bbs_subject( 讨 论 主题 的 标题 )， 所 以 需要 绑 定 两 个 记录 集 。 有 具体 操作 步骤 如 下 。 
ED 打开 随 书 光盘 中 的 “素材 \bbs\bbsreply.asp ”文件 ， 静 态 页 面 效 果 如 图 10-65 
所 示 。 
































确定 提交 重新 入 写 











图 10-65 ”回复 讨论 主题 页 面 的 静态 效果 
EGR) 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 


单项 ， 打 开 【 记 录 集 】 对 话 框 ， 输 入 【名 称 】 为 reply， 选 择 【连接 】 为 bbsconn、 

【表格 】 为 bbsmain、【 列 】 为 “ 选 定 的 ”，【 筛 选 】 设 置 为 bbs ID、=、URL 参 
数 、bbs ID， 其 中 在 列表 框 需要 按 住 Ctrl 键 选择 bbs_ID 和 bbs_subject 两 个 字段 ， 如 
图 10-66 所 示 。 

























































































图 10-66 【记录 集 】 对 话 框 


EEIe 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 绑 定 操作 。 将 记录 集中 的 bbs ID 和 
bbs_subject 字段 拖 电 到 页 面 的 相应 位 置 ， 其 中 bbs_ID 字段 拖 忠 到 隐藏 域 上 ， 如 
图 10-67 所 示 。 
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10-67 ”将 字段 拖 忠 到 页 面 上 


ED 切换 到 【服务 器 行为 】 面 板 ， 单 击 固 按钮， 在 弹出 的 菜单 中 选择 【插入 记录 】 
菜单 项 ， 打 开 【 插 入 记录 】 对 话 框 ， 输 入 如 表 10-9 所 示 的 数据 ， 新 增 记 录 后 转 到 讨 
论 主题 详细 页 面 bbsdetail.asp， 如 图 10-68 所 示 。 单 击 【确定 】 按 钮 ， 完 成 插入 记录 
操作 。 
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案例 课堂 > 
表 10-9 【插入 记录 】 对 话 框 中 的 设置 
属 性 设置 值 
连接 bbsconn 
插入 到 表格 bbsreply 
插入 后 ， 转 到 bbsdetail.as) 
获取 值 自 forml 
表单 元 素 文本 字段 和 数据 字段 对 应 上 即 可 
连接 : [bbseonn =|( 守 X.….] 
插入 到 要 格 : |bbsreply 四 
插入 后 , 转 到 :bbsdet ail. asp 
获取 值 让 :| forml 了 | (在 提交 时 ) 
表单 元 亲 : 国 Sb 









































图 10-68 【插入 记录 】 对 话 框 
EEJD 选择 【窗口 】 一 【行为 】 菜 单 命令 ， 打 开 【 行 为 】 面 板 ， 单 击 志 按钮， 在 弹出 
的 菜单 中 选择 【检查 表单 】 菜 单项 ， 打 开 【 检 查 表单 】 对 话 框 ， 设 置 rep_name 和 
rep_content 为 “必需 的 ”， 如 图 10-69 所 示 。 






































值 : 加 必 寺 的 


可 接受 ， 回 任何 东西 局 数字 
日 电子 邮件 地 址 。 品 数 字 从 到 





图 10-69 【检查 表单 】 对 话 框 
ES 字段 rep_email 不 是 必 填 的 字段 ， 但 是 如 果 回 复 主 题 人 输入 的 不 是 电子 邮件 的 格 
式 ， 则 仍然 不 符合 规定 ， 所 以 用 户 可 以 在 选择 该 字段 后 ， 选 中 【电子 邮件 地 址 】 单 
选 按钮 ， 即 可 执行 表单 检查 ， 如 图 10-70 所 示 。 
ED 单 击 【 确 定 】 按 钮 ， 完 成 检查 表单 的 操作 。 至 此 回复 主题 页 面 已 经 制作 完成 。 
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加 ,电子 邮 诈 地 于 





10-70 选中 【电子 邮件 地 址 】 单 选 按钮 


10.3.6 ”搜索 主题 页 面 的 制作 


在 主页 index.asp 中 需要 添加 搜索 功能 ， 具 体操 作 步 又 如 下 。 
区 TY 打开 主页 index.asp 文件 ， 首 先 设 置 搜索 的 表单 字段 ， 注 意 字 段 名 称 应 为 
keyword， 如 图 10-71 所 示 。 











属性 
所 文本 后 守节 寓 度 国 0 |。 类 型 可 单行 5) 和 DOESE) 
要 

















eyord 前 儿 字符 数 初 内 值 0) 




















图 10-71 检查 文本 框 的 名 称 


EEJDp 打开 之 前 创建 的 记录 集 Recbbs， 在 原 有 的 SQL 语法 中 GROUP BY 
bbs_Main.bbs_ID 的 前 面 ， 加 入 一 段 查询 功能 的 语法 ， 如 图 10-72 所 示 。 


WHERE bbs_ Title like '%"&keywordg"%s' 























































































































图 10-72 修改 SQL 语句 
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案例 课堂 > 

单 击 【确定 】 按 钮 ， 完 成 SQL 语句 的 修改 。 再 切换 到 代码 视图 ， 在 Recbbs 记录 
集 绑 定 的 代码 中 加 入 以 下 代码 ， 如 图 10-73 所 示 ， 完 成 设置 。 

keyword= request ("keyword") // 定 义 keyword 为 请 求 变量 keyword 


mdourpr Be 
5 


ME bbscomn asp 
| 折 分 | 设计 “实时 视 由。 地- 区 . 乳 b% EX CG 本: 论 过 浊 左 


WLANGUAGE=" VESCRIPT™ CODEPAGE="936°%> 
-一 :include file="Comnections/bbscorm. asp” 一 > 
% 




















e0bject ("ADODB. Command”) 


cnd， onnection = JILbbsconn_51 
cbbs_cnd. CommandText = “SELECT bbsmain bbs_ID,FIRST(bbsmain bbs_tinme)AS bbstime, FIRST(bbsnain. bbs_hits)AS 


Recbbs_ 

bbshits, FIRST (bbsnain. bbs_subject)AS bbssubject, FIRST(bbsnain. bbs_url)AS bbsurl,FIRST (bbsnain. bbs_enail)AS bbsenail, 
FIRST (bbsnain. bbs_sex)AS bbssex, FIRST (bbsnain. bbs_face)AS bbsface, FIRST (bbsnain. bbs_content 
bbscontent, FIRST (bbsmain. bbs_nane) AS bbsnane, COUNT (bbsreply. rep_ID)AS Repliun, JIAX (bbsreply, rep_tine)AS LatesTine FRDI 
bbsnain LEFT OUTER JOIN bbsreply ON bbsnain. bbs_ID=bbsreply. bbs_ID WHERE bbs_subject like '%’&keywords"%’ GROUP BY 


bbsnain. bbs_ID” 
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图 10-73 添加 代码 


10.4 BBS 论坛 系统 管理 界面 的 制作 


在 BBS 论坛 管理 系统 中 ， 管 理 员 可 以 修改 主题 信息 ， 也 可 以 删除 不 文明 或 者 不 合法 的 信 
息 ， 对 于 论坛 系统 的 维护 十 分 重要 。 


10.4.1 管理 员 登 录 页 面 的 制作 


由 于 管理 主页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受 到 权限 管理 ， 可 以 利用 管理 账号 和 
管理 密码 来 判断 是 否 有 此 用 户 。 制 作 管理 员 登 录 页 面 的 操作 步骤 如 下 。 

EEC 打开 随 书 光 盘 中 的 “素材 bbsvadminLogin.asp” 文 件 ， 切 换 到 【服务 器 行为 】1 
板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【用 户 身份 验证 】--【 登 录用 户 】 菜 单项 ， 


如 图 10-74 所 示 。 




















EEC 











图 10-74 选择 【登录 用 户 】 菜 单项 
ED 打开 【登录 用 户 】 对 话 框 ， 设 置 参数 如 图 10-75 所 示 。 
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加 我 到 前 一 个 URL ( 如 果 它 存在 ) 
癌 果 登录 失 鸡 ， 转 到 : index. asp 
基于 以 下 项 限制 访问 : 加 用 户 名 和 加 码 

人 局 用户 名 、 密 码 和 访问 级 到 

获 耻 绍 到 全 -了 = 








图 10-75 【登录 用 户 】 对 话 框 


rp 表单 中 有 两 个 字段 ，username 是 输入 管理 员 名 称 的 字段 ，passwd 是 输入 管理 

汇 员 密码 的 字段 。 登 录 管 理 员 服务 器 的 行为 ， 是 根据 管理 员 所 输入 的 账号 密码 ， 与 
数据 表 中 所 保存 的 管理 员 名 称 与 密码 对 比 ， 若 是 符合 即 转 到 管理 页 面 
bbsAdmin.asp， 不 符合 即 退 出 到 BBS 论坛 系统 主页 面 index.asp。 


本 于 BY 单 击 【 确 定 】 按 钮 ， 完 成 登录 用 户 的 验证 。 选 择 【 窗 口 】 一 【行为 】 菜 单 命 
令 ， 打 开 【 行 为 】 面 板 ， 单 击 拟 按钮， 在 弹出 的 菜单 中 选择 【检查 表单 】 菜 单项 ， 
打开 【检查 表单 】 对 话 框 ， 设 置 username 和 passwd 为 “必需 的 ”， 如 图 10-76 
所 示 。 





















































可 接受 ， 回 任何 东西 个 至 字 
日 电子 邮件 地 址 。 恒 数字 从 








10-76 【检查 表单 】 对 话 框 
单 击 【 确 定 】 按 钮 ， 完 成 管理 员 登 录 页 面 adminLogin.asp 的 制作 。 
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10.4.2 ”论坛 系统 管理 主 界面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 主 界面 bbsAdmin.asp。 该 页 面 主要 为 版 主 提供 数据 的 
修改 和 删除 操作 ， 有 具体 操作 步骤 如 下 。 

EECIDp 打开 随 书 光盘 中 的 “素材 \bbs\bbsAdmin.asp ”文件 ， 静 态 页 面 效果 如 图 10-77 
所 示 。 

















图 10-77 系统 管理 主 界面 的 静态 效果 


EGG) 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 单 击 【高 级 】 按 钮 ， 进 入 记录 集 高 级 编辑 模式 ， 在 
SQL 文本 框 中 输入 如 下 代码 ， 如 图 10-78 所 示 。 


SELECT bbsmain.bbs_ID,FIRST(bbsmain.bbs time)AS bbstime, 

FIRST (bbsmain.bbs hits)AS bbshits,FIRST (bbsmain.bbs_ subject)AS bbssubject, 
FIRST (bbsmain.bbs url)AS bbsurl,FIRST (bbsmain.bbs email)AS bbsemail, 
FIRST (bbsmain.bbs_ sex)AS bbssex,FIRST (bbsmain.bbs face)ASsS bbsface, 

FIRST (bbsmain.bbs content)AS bbscontent,FIRST (bbsmain.bbs name)ASsS bbsname, 
COUNT (bbsreply.rep_ID)AS RepNum,MAX (bbsreply.rep time)AS LatesTime 

FROM bbsmain LEFT OUTER JOIN bbsreply 

ON bbsmain.bbs_ID=bbsreply.bbs_ID 

GROUP BY bbsmain.bbs_ID 


攻 于 BY 单 击 【确定 】 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 【 绑 定 】 面 板 上 出 现 设置 的 记 
录 和 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 如 图 10-79 所 示 。 其 
中 bbsface 字段 拖 忠 到 图 像 占 位 符 上 。 

EC 选择 需要 重复 区 域 的 表格 的 第 二 行 ， 切 换 到 【服务 器 行为 】 面 板 ， 单 击 固 按 
钮 ， 在 弹出 的 菜单 中 选择 【重复 区 域 】 菜 单项 ， 如 图 10-80 所 示 。 
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名 称 - Recbbs 
连接 [bbscomn ”|[ 定 六 


SQL SELECT bbsnain bbs_ID, FIRST (bbsmain. bbs_time)AS bbstime, 
FTRST (bbsnain. bbs_hits)AS bbshits, FIRST fbbsnain bbs_subject)AS 
bbssubject, 
FIRST (bbsmain bbs_url)AS bbsurl, FIRST (bbsnain. bbs_ensil)AS 
bbsenail, 


















































参数 : 二 | 二 


























发 言 主题 


[EN 











图 :选择 【重复 
“| 区 域 】 菜 单项 


























10-80 选择 【重复 区 域 】 菜 单项 
ESD 打开 【重复 区 域 】 对 话 框 ， 选 择 【 记 录 集 】 为 Recbbs， 选 择 【 显 示 】 为 10 条 记 
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案例 课堂 由 一 


录 ， 单 击 【确定 】 按 钮 ， 如 图 10-81 所 示 。 

EDED》 选择 修改 图 标 国 ， 在 【服务 器 行为 】 面 板 中 单 击 固 按钮 ， 在 弹出 的 菜单 中 选择 
【 转 到 详细 页 面 】 菜 单项 ， 打 开 【 转 到 详细 页 面 】 对 话 框 ， 将 自动 产生 链接 ， 设 置 
【详细 信息 页 】 为 bbsalter.asp、【 传 递 URL 参数 】 为 bbs ID、【 记 录 集 】 为 
Recbbs、【 列 】 为 bbs ID， 如 图 10-82 所 示 。 单 击 【确定 】 按 钮 ， 完 成 转 到 详细 页 

面 的 设置 。 





二 接 - [所 先 革 国 : “dg secrater ei; ”| 
详细 信息 页 : bbsalter. asp| ET: 
传送 URL 多 数 : bbs-ID 设置 为 以 下 项 的 值 
记录 入- |Recbbs 了 
区 [ex| 
传递 现 有 参数 : 门 URL 参数 
表单 参数 
























































图 10-81 【重复 区 域 】 对 话 框 图 10-82 【 转 到 详细 页 面 】 对 话 框 
ET 重复 上 一 步 操作 ， 设 置 【删除 】 图 标 面 ， 转 到 删除 讨论 主题 页 面 bbsdelasp， 如 


图 10-83 所 示 。 


短 接 : [所 选 范围 ，"<iwe sre=rdel eif” 






































详细 信息 页 : bbsdel. asp 浏览 
传递 URL 参数 ; bbs_ID ”设置 为 以 下 项 的 什 
ia 
到 : |bbs_ID = 
传递 现 有 参数 : 四 URL 参数 
日 表单 允 数 








10-83 设置 删除 图 标的 转 到 页 面 


ED) 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 【插入 】 面 板 中 选择 【数据 】- 【记录 
集 分 页 】 一 【记录 集 导 航 条 】 菜 单项 ， 打 开 【 记 录 集 导航 条 】 对 话 框 ， 选 择 【记录 
集 】 为 Recbbs， 选 择 【 显 示 方 式 】 为 “文本 ”， 单 击 【 确 定 】 按 钮 ， 如 图 10-84 
所 示 。 

区 了 于 了 插入 记录 集 导 航 条 的 效果 如 图 10-85 所 示 。 

ES 选择 上 方 的 表格 的 一 行 ， 设 置 记 录 集 不 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 10-86 
所 示 。 

EEDp 打开 【如 果 记录 集 不 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判断 的 记录 集 为 Recbbs， 
单 击 【确定 】 按 钮 完成 设置 ， 如 图 10-87 所 示 。 


记录 集 - [Recbbs 
显示 方式 - 回 文本 











昌国 全 





10-84 【记录 集 导航 条 】 对 话 框 
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本 
1. 选 择 记 录 集 不 为 空 
则 显示 表格 的 一 行 








"hh 


[1 
[E77 








10-87 【如 果 记录 集 不 为 空 则 显示 区 域 】 对 话 杠 
ECEP) 选择 “目前 没有 发 布 任何 主题 ”所 在 的 行 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 方 
法 如 图 10-88 所 示 。 
EEE) 打开 【如 果 记 录 集 为 空 则 显示 区 域 】 对 话 框 ， 选 择 判 断 的 记录 集 为 Recbbs， 单 
击 【 确 定 】 按 钮 完成 设置 ， 如 图 10-89 所 示 。 
EC》 由 于 bbsAdmin.asp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 页 面 来 读 取 这 个 
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页 面 ， 可 以 添加 服务 器 行为 来 防止 这 个 漏洞 。 在 【服务 器 行为 】 面 板 中 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 【用 户 身 份 验 证 】 一 【限制 对 页 的 访问 】 菜 单项 ， 如 图 10-90 
所 示 。 
























































XSLT 转 接 限制 对 页 的 访问 


图 10-89 【如 果 记录 集 为 空 则 显示 区 域 】 对 话 框 图 10-90 选择 【限制 对 页 的 访问 】 菜 单项 


EGG 打开 【限制 对 页 的 访问 】 对 话 框 ， 选 择 【 基 于 以 下 内 容 进 行 限制 】 为 “用 户 名 
和 密码 ”， 设 置 【如 果 访 问 被 拒绝 ， 则 转 到 】 为 adminLogin.asp， 单 击 【确定 】 按 
钮 ， 如 图 10-91 所 示 。 至 此 完成 论坛 系统 管理 主 界面 bbsAdmin.asp 的 制作 。 


基于 以 下 内 容 进 行 限制 ” 回 。 用 户 名 和 密码 
局 。 用 户 和 名、 密码 和 访问 级 别 



































10-91 【限制 对 页 的 访问 】 对 话 框 
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10.4.3 修改 讨论 主题 页 面 的 制作 


修改 讨论 主题 页 面 为 bbsalter.asp.asp， 主 要 功能 是 将 修改 的 主题 和 内 容 更 新 到 bbsmain 数 


据 表 中 。 具 体操 作 步 又 如 下 。 
EC 打开 随 书 光盘 中 的 “素材 \bbs\bbsalter.asp.asp ”文件 ， 静 态 页 面 效 果 如 图 10-92 


所 示 。 






~ 











图 10-92 修改 讨论 主题 页 面 的 静态 效果 


区 TY 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 单 击 【高 级 】 按 钮 ， 进 入 记录 集 高 级 编辑 模式 ， 在 
SQL 文本 框 中 输入 如 下 代码 ， 如 图 10-93 所 示 。 


SELECT bbsmain.*,bbsreply.* 

FROM bbsmain LEFT OUTER JOIN bbsreply 
ON bbsmain.bbs ID=bbsreply.bbs ID 
WHERE bbsmain.bbs_ID =sendID 








名 称 - content 


aaa 


SQL SELECT bhsnain wbbsregly 
FRON bbsnai OWTER JOIN bb 
TD 























BN 





















































图 10-93 输入 SQL 语句 
EGG) 单 击 【参数 】 右 侧 的 按钮， 打开 【添加 参数 】 对 话 框 ， 输 入 【名 称 】 为 
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sendID ， 选 择 【 类 型 】 为 Numeric， 输 入 【 值 】 为 request QueryString 
("bbsmain bbs ID")， 输 入 【默认 值 】 为 1， 如 图 10-94 所 示 。 

EC 单 击 【 确 定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 10-95 所 示 。 








Te 





























[enerie 了 
什 : ueryString ("bbsnain. bbs_ID")| 
默认 值 : 1 






































图 10-94 【添加 参数 】 对 话 框 图 10-95 【记录 集 】 对 话 框 


ET 单 击 【 确 定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 【 绑 定 】 面 板 上 出 现 设置 的 记 
录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 电 到 网 页 中 ， 如 图 10-96 所 示 。 





{content. bbs_subject} 
{content. bbs_content} 








El 


10-96 ”将 字段 拖 中 到 网 页 中 


EEJD 选择 隐藏 域 ， 然 后 将 bbs_ID 字段 拖 忠 到 上 面 ，【 属 性 】 面 板 中 的 【 值 】 文本 框 
中 自动 添加 相关 代码 ， 如 图 10-97 所 示 。 
层 性 


I 隐藏 区 域 
bbs_ID 值 W) | 人 Y= (content. Fields.Item("bbs_ID" 多 


10-97 【属性 】 面 板 


EDNDD 切换 到 【服务 器 行为 】 面 板 ， 单 击 欠 按钮， 在 弹出 的 菜单 中 选择 【更 新 记录 】 
菜单 栏 ， 打 开 【 更 新 记录 】 对 话 框 ， 设 置 参数 如 图 10-98 所 示 。 
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| 
第 日 
a 
确定 齐 
取消 ol 
下 史 
BE 
管 | 
理 
系 
统 
到 : [bbs_ID ~ 
提交 为 - 数值 了 




















10-98 【更 新 记录 】 对 话 框 


EEC 单 击 【 确 定 】 按 钮 ， 完 成 修改 讨论 主题 页 面 的 制作 。 \ 


10.4.4 ”删除 讨论 主题 页 面 的 制作 


bbsdel.asp 页 面 大 致 上 与 bbsalter.asp 十 分 类 似 ， 不 同 的 是 这 里 要 有 一 个 执行 删除 操作 。 具 
体操 作 步 又 如 下 。 
EECJDp 打开 随 书 光盘 中 的 “素材 \bbs\bbsdel.asp.asp ”文件 ， 静 态 页 面 效 果 如 图 10-99 
所 示 。 




















10-99 ”删除 讨论 主题 页 面 的 静态 效果 


区 TY 切换 到 【 绑 定 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【记录 集 (查询 )】 菜 
单项 ， 打 开 【 记 录 集 】 对 话 框 ， 单 击 【 高 级 】 按 钮 ， 进 入 记录 集 高 级 编辑 模式 ， 在 
SQL 文本 框 中 输入 如 下 代码 ， 如 图 10-100 所 示 。 


SELECT bbsmain.*,bbsreply.* 
FROM bbsmain LEFT OUTER JOIN bbsreply 
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ON bbsmain.bbs ID=bbsreply.bbs ID 
WHERE bbsmain.bbs_ ID =sendID 



























































名 称 - redel | 确定 | 
连接 - [bbsconn [Fa | | 
SQL SELECT bbsmain *, bbreply.* 机 Mt 
FRON bbsmain LEFT OUTER JOIN bbsreply 简单 
ON bbsmain bbs_ID=bbsreply. bbs_ID -一 
| bbsmain bbs_ID =sendID [ 孝 助 ] 
参数 : [本] 一 | 
名称 : 
| 美 到 
年 
| 默认 值 - 
编辑 ] 
数据 库 项 | 中 团 ”表格 丢 加 到 SQL 
田 史 视 目 SELECT 
入 预存 过 程 
ORDER BY 
































图 10-100 输入 SQL 语句 


\ 区 TBY 单 击 【参数 】 右 侧 的 田 按 钮 ， 打 开 【 添 加 参数 】 对 话 框 ， 输 入 【名 称 】 为 
sendID ， 选 择 【 类 型 】 为 Numeric ， 输 入 【 值 】 为 request QueryString 
("bbsmain.bbs_ID")， 输 入 【默认 值 】 为 1， 如 图 10-101 所 示 。 
四 了 YY 单 击 【 确 定 】 按 钮 ， 返 回 到 【记录 集 】 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 10-102 所 示 。 


























































































































各 蒜 redel ED 
二 se 司 [ER | 
ET Di his EL 
SO poe Womeia Ler OER Tiy harenly 庆 一 
OF bbamain bbs_Ib=bbzr eply. bbs_ID 
bbsasin bhs_ID =sendID 束 而 
允 数 出世 | 
名称 sendID 
| 天 瑟 Numeric 
得 .QueryString(bbsm. 
| 转 认 值 :1 
| Em 
名 其 : sendID 数据 款项 团 辐 ” 素 格 对 加 到 SQL 
rp | 后 财运 
但: ueryString ("bbsnain. bbs_ID")| [ae 一] 
默认 值 :了 
图 10-101 【添加 参数 】 对 话 框 10-102 【记录 集 】 对 话 框 


区 于 BY 单 击 【确定 】 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 【 绑 定 】 面 板 上 出 现 设 置 的 记 
录 集 名 称 ， 展 开 后 将 需要 引用 的 数据 字段 一 一 拖 昌 到 网 页 中 ， 如 图 10-103 所 示 。 


- 368 








兴 洲 贮 靳 久 丰 S99 _ 震 0 趴 


10-103 ”将 字段 拖 电 到 网 页 中 


E> 选择 隐藏 域 ， 然 后 将 bbs ID 字段 拖 电 到 上 面 ，【 属 性 】 面 板 中 的 【 值 】 文 本 杠 
中 自动 添加 相关 代码 ， 如 图 10-104 所 示 。 
Re = 


NI 隐藏 区 域 
lbbs_ID ] 值 W | (content_Fields TtenCbbs_ID 公 








图 10-104 【属性 】 面 板 


四 TX 切换 到 【服务 器 行为 】 面 板 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 【删除 记录 】 
菜单 项 ， 打 开 【 删 除 记录 】 对 话 框 ， 设 置 的 参数 如 图 10-105 所 示 。 





连接 : [bbsconn =| 


| 
mem en] 
































唯一 刍 列 : [bbs_ID | 团 数值 
提交 此 表单 以 各 除 forml 
删除 后 ， 转 到 : bbsAdnin. asp 





图 10-105 【删除 记录 】 对 话 框 


国 于 BY 单 击 【确定 】 按 钮 ， 完 成 删除 讨论 主题 页 面 的 制作 。 到 此 本 章 的 BBS 论坛 管理 
系统 就 此 完成 。 


10.5 BBS 论坛 管理 系统 功能 的 测试 


BBS 论坛 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 论坛 系统 。 


10.5.1 发 帖 测试 


发 布 新 帖 的 操作 步骤 如 下 。 | 
在 正 浏览 器 中 输入 http://localhost/index.axp， 打 开 index.asp 文件 ， 效 果 如 图 10-106 | 
所 示 。 


0@ 





Dreamweaver+ASP 动 态 网 站 开发 



































beds oe 案例 课堂 格 必 - 
可 [二 -GES | 
[全 CEI CE 
EE x i 二 2 



























有 A | 
首页 | 发 表 话 题 | 管理 登 


遇 和 回复 


录 








as 
04:37 






































图 10-106 index.asp 文件 效果 
AN EEIDp 选择 第 一 个 主题 “讨论 最 新 的 流行 歌曲 ”， 进 入 讨论 主题 详细 页 面 ， 如 图 10-107 
AN 所 示 。 
\ 
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10-107 ”讨论 主题 详细 页 面 效 果 


国 于 BY 单 击 “ 回 复 主 题 ” 链 接 ， 即 可 进入 回复 讨论 主题 页 面 ， 如 图 10-108 所 示 。 输 入 
相关 信息 后 ， 单 击 【 确 定 提交 】 按 钮 ， 即 可 新 增 回 复 信息 。 
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图 10-108 回复 主题 页 面 效果 


EGG 在 主页 面 indexasp 中 单 击 “ 发 表 话 题 ”链接 ， 即 可 进入 发 布 新 主题 页 面 
bbspostasp， 如 图 10-109 所 示 。 



































图 10-109 发布 新 主题 页 面 效果 
EERD) 输入 相关 信息 后 ， 单 击 【确定 提交 】 按 钮 ， 返 回 到 主页 面 ， 可 以 看 到 主页 中 多 
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了 一 个 刚 填写 的 主题 ， 如 图 10-110 所 示 。 





















































主题: IE 首页 | 发 表 话题 | 管理 登录 
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X 
AN 图 10-110 “发布 新 主题 成 功 
\ | 
、\ 本 了 BY 在 搜索 文本 框 中 输入 查询 关键 词 “ 流 行 歌曲 ”， 然 后 单 击 【 查 询 】 按 钮 ， 如 
10-111 所 示 。 
[R OG hp//ocahosinderasp 于 Bp-acox oe 
关 论坛 管理 系统 x| | 2 
文件 (F) ” 妨 辑 (E) 至 看 (V) 收藏 夫 (A) Rn [1 
加 本 a 人 | 
i 首页 | 发 表 话题 | 管理 登录 | 
二 是 发 由 人 /网 类 和 得 最 有 器 页 | 
国有 下 全 机 a | | 
® iit 和 on ee 
国 me 有 于? Ee of a 
10-111 ”输入 查询 关键 词 
系统 自动 筛选 符合 条 件 的 记录 ， 并 显示 出 来 ， 如 图 10-112 所 示 。 
二 





首页 | 发 表 话 题 | 管理 登录 









































图 10-112 ”搜索 的 查询 结果 
10.5.2 ”论坛 后 台 管理 测试 


通过 后 台 管 理 ， 管 理 员 可 以 修改 和 删除 主题 信息 。 具 体操 作 步 又 如 下 。 
EY 在 论坛 主页 中 单 击 【 管 理 登 录 】 按 钮 ， 打 开 adminLogin.asp 文件 ， 输 入 管理 账 
号 和 管理 密码 ， 如 图 10-113 所 示 。 











BBS 后 台 版 主 登 入 页 面 


:admin 


管理 密码 ， ad 过 
EE 到 | 




















图 10-113 管理 员 登 录 页 面 


EC 单 击 【登录 】 按钮 ， 进 入 bbsAdmin.asp 页 面 ， 如 图 10-114 所 示 。 管 理 员 可 以 修 
改 和 删除 主题 信息 。 

EECe) 在 需要 修改 的 主题 右 侧 单 击 【 修 改 】 图 标 ， 进 入 修改 讨论 主题 页 面 ， 如 图 10-115 
所 示 。 修 改 完成 信息 后 ， 单 击 【 确 定 修改 】 按 钮 即 可 。 

EC 在 需要 删除 的 主题 右 侧 单 击 【删除 】 图 标 ， 进 入 删除 讨论 主题 页 面 ， 如 图 10-116 
所 示 。 单 击 【确定 删除 】 按 钮 即 可 进行 删除 操作 。 
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10-116 ”删除 主题 页 面 效 果 
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管理 功能 。 本 章 主要 讲述 网 站 购物 系统 的 开发 方法 和 技巧 。 





的 商品 。 网 上 购物 系统 是 一 套 集 网 上 购物 和 商品 
不 仅 具 有 多 种 商品 分 类 检索 和 搜索 、 购 物 车 、 在 线 订单 等 功能 ， 同 


网 上 购物 系统 是 提供 网 络 购物 的 站 点 ， 浏 览 者 通过 网 络 足 不 出 户 就 可 以 购买 型 








只 
ba 本 
证 人 
状 避 小 WE 
Wh 出 全 起 
站 必 疏 
口 民 由 < 
Ee SS 























; x 
握 名 
堂 - 据 公 届 中 改 \ 上 
口 掌握 会 员 中 心 的 # 
了 掌握 后 台 登 录 的 制作 方法 
< 位 | 、 i 
等 气 所 里 的 市 | 人 
(> ] 学 提 订 单 管理 








We > ~ 


NS 





全 a7 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 ~ 


11.1 ”购物 网 站 系统 分 析 与 设计 


11.1.1 购物 网 站 购物 流程 


各 类 购物 网 站 在 购物 细节 方面 各 有 不 同 ， 但 购物 网 站 实现 在 网 上 购物 都 需要 经 过 以 下 几 
个 步骤 。 

1. 用 户 注 册 

通常 情况 下 ， 购 物 网 站 是 只 对 该 网 站 的 会 员 开 放 ， 它 不 允许 任何 人 随意 在 网 上 购物 ， 因 
此 ， 在 网 上 进行 购物 之 前 需要 先 成 为 该 网 站 的 会 员 。 例 如 ， 如 果 需 要 在 当当 网 上 买 一 本 书 ， 
就 需要 先 成 为 当当 网 的 用 户 ， 和 否则 当当 网 会 提示 您 还 不 是 当当 网 的 用 户 ， 并 邀请 您 进行 会 员 
注册 。 

用 户 注 册 成 为 会 员 的 好 处 是 ， 当 用 户 在 网 上 购物 时 所 填写 的 订单 信息 不 可 靠 或 者 不 详细 
时 ， 网 站 管理 员 可 以 通过 查看 用 户 注册 时 的 会 员 信息 进行 联系 ， 以 便 用 户 能 够 及 时 收 到 在 网 
上 购买 的 商品 。 


2. 商品 浏览 


注册 好 用 户 之 后 ， 就 可 以 在 网 站 中 进行 商品 的 浏览 。 如 果 对 所 需要 的 商品 已 有 明确 的 目 
标 ， 也 可 以 直接 通过 关键 字 搜 索 和 通过 高 级 功能 进行 快速 搜索 来 查找 商品 。 


3. 使 用 购物 车 


购物 车 的 使 用 ， 可 以 分 为 添加 商品 到 购物 车 、 管 理 购物 车 里 的 商品 两 个 部 分 。 成 为 会 员 
后 ， 可 以 通过 导航 条 查看 购物 信息 ， 也 可 以 在 购物 网 站 浏览 商品 或 者 通过 搜索 功能 直接 到 所 
需要 的 商品 页 面 后 ， 单 击 【购买 】 按 钮 将 所 找到 的 商品 放 入 到 购物 车 ， 此 时 ， 车 中 会 显示 购 
物 的 商品 数量 和 相关 价格 等 信息 。 

在 购物 车 中 ， 也 可 以 通过 单 击 商品 名 称 查 看 商品 的 详细 信息 ， 也 可 对 购物 车 中 不 如 意 的 
商品 进行 删除 ， 或 者 修改 订购 数量 等 。 


4. 收银 付款 


购物 完成 后 ， 需 要 到 收银 台 付款 ， 还 需要 对 购物 信息 进行 确认 ， 同 时 要 认真 填写 送 货 地 
址 和 联系 方式 ， 并 记录 本 次 购物 订单 号 ， 以 便 对 订单 状态 进行 查询 。 

除 此 之 外 ， 还 需要 对 收银 方式 进行 选择 。 收 银 方式 分 为 网 上 银行 收银 和 货 到 付款 两 种 
方式 。 如 果 选 择 了 货 到 付款 的 方式 ， 需 要 在 领取 商品 后 ， 将 应 付 金额 交 给 送 货 人 员 ， 并 签 
名 确认 收 货 。 


5. 退出 系统 


完成 网 上 购物 后 ， 需 要 退出 系统 ， 注 销 个 人 账号 ， 以 防止 其 他 人 通过 您 的 账号 进行 购 
物 ， 给 您 带 来 不 必要 的 经 济 损失 和 麻烦 。 


11.1.2 ”购物 网 站 主要 功能 


常见 的 购物 网 站 ， 无 论 其 规模 大 小 ， 一 般 都 需要 具备 以 下 功能 。 
1. 信息 管理 功能 


购物 网 站 一 般 从 商品 、 价 格 、 前 台 显 示 、 安 全 设置 、 送 货 方式 等 方面 进行 管理 ， 应 尽 可 
能 做 到 功能 全 面 、 灵 活 。 网 站 管理 通常 应 包括 以 下 内 容 : 

e ”维护 商城 基本 信息 (地 址 、 邮 编 、 电 话 ，Logo)。 

e 维护 站 点 公告 、 站 点 新 闻 等 基本 信息 。 


2. 商品 管理 功能 


购物 网 站 相对 于 实体 商城 的 优势 在 于 可 以 容纳 无 限 数量 的 商品 品牌 和 数量 ， 而 实体 商城 
却 受 到 场地 的 限制 。 网 站 商品 管理 通常 应 包括 以 下 内 容 : 
@ ”对 商品 进行 分 类 管理 ， 便 于 用 户 对 商品 进行 搜索 和 查找 。 
®e ”对 商品 信息 进行 管理 ， 便 于 用 户 了 解 商品 详细 信息 。 商 品 信 息 主要 包括 商品 体积 、 
质量 、 库 存 、 有 效 期 、 价 格 等 。 
e ”排行 管理 ， 对 热卖 商品 应 进行 销售 排行 。 


3. 会 员 管 理 功 能 


购物 网 站 会 员 管理 的 优势 在 于 会 员 被 纳入 互动 社区 进行 管理 ， 顾 客 只 要 在 网 上 注册 成 为 
商城 会 员 ， 就 自动 可 以 获得 积分 ， 可 以 在 线 购 物 、 在 线 支付 ， 可 以 享受 会 员 优惠 价 等 。 会 员 
管理 通常 应 包括 以 下 内 容 : 

e@ 对 会 员 的 信用 进行 账号 锁定 、 信 息 修改 等 会 员 信息 的 管理 。 

e ”网 站 会 员 可 享受 商品 优惠 价格 。 


4. 购物 车 管理 功能 


购物 网 站 中 的 购物 车 的 优势 在 于 可 以 自由 选择 商品 的 属性 ， 比 如 某 款式 衣服 的 大 、 中 、 
小 号 等 ， 以 及 衣服 的 颜色 ， 而 且 不 同型 号 不 同 颜色 ， 售 价 也 不 一 样 。 商 品 购买 者 可 以 通过 购 
物 车 中 的 商品 进行 比较 ， 选 择 合适 的 购 商 品 。 对 购物 车 管理 的 通常 应 包括 : 

e ”能够 将 商品 添加 至 购物 车 。 

@ ”允许 用 户 更 改 购物 商品 数量 。 

e ”能 够 进行 网 上 收银 结账 。 
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5. 支付 方式 管理 功能 
实现 在 线 支 付 是 网 上 购物 的 一 个 基本 要 求 ， 它 不 仅 给 顾客 带 来 了 方便 ， 也 为 商场 运营 节 
省 了 运营 开销 。 通 常 支付 方式 应 包括 : 
。 支付 宝 支付 。 
。 银行 卡 支付 。 
。 ”通过 快递 员 ( 或 送 货 员 ) 支 付 。 
NN 6. 订单 管理 功能 
从 容 户 提交 商品 订单 到 商品 交易 成 功 ， 是 一 个 完整 的 工作 流程 ， 应 及 时 跟踪 购物 网 站 的 
、 订单 状态 ， 为 客户 订单 查询 做 好 服务 。 例 如 ， 商 品目 前 的 状态 是 未 审核 、 已 审核 、 已 发 货 、 
已 退货 、 已 付款 、 已 取消 等 。 每 一 个 状态 都 标明 某 一 订单 在 所 处 工作 流 的 环节 ， 当 订单 完成 
所 有 步骤 后 ， 标 识 为 结束 状态 ， 订 单 管理 通常 应 包括 : 
。 订单 状态 的 管理 。 
。 订单 跟踪 管理 。 
。 方便 用 户 查询 订单 。 


7. 商品 搜索 功能 

购物 网 站 的 搜索 功能 应 具有 关键 字 搜索 和 高 级 搜索 两 种 功能 。 高 级 搜索 功能 主要 是 根据 
商品 价格 、 型 号 、 类 别 等 进行 特殊 的 查找 搜索 ， 目 的 是 让 顾客 可 以 便捷 、 准 确 地 找到 自己 需 
要 的 产品 。 

8. 留言 板 功 能 

留言 板 是 方便 用 户 表达 自己 在 购物 网 站 上 进行 购物 时 的 所 感 所 想 ， 为 管理 者 提出 更 新 、 
更 优 的 服务 要 求 ， 形 成 用 户 与 管理 进行 互动 的 平台 。 

9. 信誉 投票 功能 


投票 功能 主要 是 为 用 户 表达 该 网 站 的 满意 度 进行 投票 ， 同 时 ， 也 给 管理 者 提供 可 靠 网 站 
信誉 的 信息 ， 有 利于 及 时 调整 管理 策略 和 服务 态度 。 


11.2 ”数据 库 设计 
网 上 购物 系统 的 数据 库 是 比较 庞大 的 ， 在 设计 的 时 候 需 要 从 使 用 功能 模块 入 手 ， 分 别 创 
建 不 同名 称 的 数据 表 ， 命 名 的 时 候 也 要 与 使 用 的 功能 相配 合 ， 以 便 后 面相 关 页 面 制作 时 的 调 


用 。 由 于 需要 的 数据 表 文 件 特别 多 ， 用 户 可 以 打开 本 章 data 文件 夹 下 查看 数据 库 文 件 
datamdb， 如 图 11-1 所 示 。 


依 378 
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图 11-1 建立 的 数据 库 


11.3 ”制作 购物 网 站 首页 


数据 库 建立 完成 后 ， 进 入 网 站 首页 制作 过 程 。 根 据 网 站 框架 结构 ， 整 个 首页 分 为 5 个 组 
成 部 分 ， 分 别 是 顶部 (top.asp)、 中 左 侧 分 类 导航 (left.asp)、 中 上 搜索 框 (search.asp)、 中 部 主体 
(middle.asp)、 底 部 (help.asp 和 bottom.asp)， 下 面 将 一 一 讲解 。 


11.3.1 ”数据 库 连接 


本 网 站 数据 库 的 连接 是 通过 conn.asp 页 面 实 现 。 页 面 比较 简单 ， 就 是 设置 数据 库 连接 的 
基本 命令 ， 如 图 11-2 所 示 。 


<% 

DB="data/data. mdb” 

“ Response. Buffer=True 

on error resume next 

| Set fs0 = Server.CreateQbject (“Scripting. FileSystenDbject”) 


"if fso. FolderExists(server. RapPath( include”))=false then 
DB=". . /8DB 


| set fso=nothing 

由 set conn=server. createobject (“adodb. Connection ) 

| connstr= “provider=ji crosoft. Jet. OLEDB. 4. 0;Data Source=”& Server. NapPath(DB) 
| connstr=“driver= Microsoft Access Driver(*. mdb)] ;dbq=”& Server. WapPath(DB) 
‘conn. Open connstr 


‘copycolor="#A9AQA9” 
%> 


15!--#include file="config. asp” —> 
include Files"fanctions. osp” > 
l 








11-2 ”设置 数据 库 连 接 的 基本 命令 
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本 连接 的 程序 说 明 如 下 : 


<% 

// 以 下 为 数据 库 连 接 代码 

DB="data/data.mdb" 

// 定 义 数据 库 的 路 径 

'Response .Buffer=True 

on error resume next 

Set fso = Server.CreateObject ("Scripting.FileSystemObject") 
if fso.FolderExists(server.MapPath ("include"))=false then 
DB=". ./"&DB 

end if 

set fso=nothing 

set conn=server.createobject ("adodb.Connection") 
connstr="provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath (DB) 
'connstr= "driver={Microsoft Access Driver(*.mdb)};dbq=" & 
Server .MapPath (DB) 

// 定 义 为 Access 数据 库 

conn.Open connstr 

// 打 开 数 据 库 

copycolor="#A9A9A9" 

%> 

<!--#include file="config.asp" --> 

<!--#include file="functions.asp" --> 


11.3.2 制作 top.asp 页 面 


网 上 购物 商城 的 顶部 主要 用 来 放置 网 站 Logo、Banner、 导 航 和 一 些 常用 功能 ， 如 注册 、 
登录 、 收 藏 等 。 注 册 、 登 录 都 是 做 链接 方式 ， 链 接 到 另外 一 个 页 面 ;， Logo、Banner 直接 用 
Dreamweaver 进行 插入 图 片 。 这 里 主要 对 收藏 和 导航 实现 代码 进行 讲解 。 


1. 收藏 
收藏 功能 在 大 多 数 网 站 的 右上 角 都 可 以 看 到 ， 主 要 是 让 那些 对 网 站 感 兴趣 的 人 把 网 站 收 


藏 到 IE 的 收藏 夹 里 ， 方 便 下 次 打开 。 一 般 收藏 功能 包含 两 个 要 素 : 网 站 名 称 和 网 站 的 链接 。 
代码 如 下 : 


<script type="text/javascript"> 
function addFavorite() { 





Var a = document.title; ' 获 取 当 前 页 面 标题 
Var b = location.href; ' 获 取 当 前 页 面 地 址 
try { 
window.external.addFavorite (b，a) “添加 
} catch(c) { ' 重 试 
try { 


if (document.all) { 
window.external .addFavorite (b, a) 
} else { 
if (window.sidebar) { 
window.sidebar.addPanel (a, b, "") 
1 
} 
} catch(c) { 
alert ("加 入 收藏 失败 ， 请 使 用 ctrl+D 进行 添加 ") ' 失 败 后 提示 
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第 
} 3 
} 二 
} 早 
</script> 网 
为 了 确保 添加 收藏 成 功 ， 这 里 不 仅 使 用 重 试 ， 而 且 要 给 出 失败 后 解决 的 办 法 。 上 
2. 导航 系 


导航 对 网 站 来 说 是 至 关 重 要 的 。 导 航 的 主要 作用 是 要 把 网 站 中 对 访客 最 重要 的 东西 展现 
出 来 ， 方 便 访 客 快速 浏览 。 基 于 这 一 点 ， 对 于 一 个 网 站 有 多 个 分 类 的 情况 ， 首 先 要 确定 哪些 
分 类 可 以 在 导航 中 出 现 ， 出 现 的 分 类 导航 先后 顺序 也 要 根据 主 次 进行 排序 。 本 站 导航 实现 代 
码 如 下 : 


< 多 
dimi 
i=0 
set rs 2=server.createobject ("adodb.recordset") 
sql="select distinct top 6 LarCode,LarSeq from bclass order by LarSseqg" 
rs 2.0pen sql,conn,1,1 
Do While Not rs 2.eof 
if i=0 then ' 当 是 第 一 个 导航 时 
%> 
<1li class="navFirst"><a 
href="class.asp?LarCode=<%=rs 2("LarCode")%®%>" ><%=rs 2("LarCode")%></a><1i 
> 
< 多 
elseif i=5 then ' 当 是 最 后 一 个 导航 时 
%> 
<li class="navLast"><a 
href="class.asp?LarCode=<%=rs 2("LarCode")®%>" ><%=rs 2("LarCode")®%></a><1i 
> 






GG 


羽 名 
else ' 中 间 其 他 导航 
%> 
< 让 >< 人 
href="category.asp?class=<%=rs 2("LarCode")%>" ><%=rs 2("LarCode")%></a><1 
E> 


rs 2.movenext 
i=i+1 
if rs 2.e0f then exit do 
loop 
rs 2.close 
set rs 2=nothing 
%> 


在 效果 图 (可 参考 图 11-11) 中 可 以 看 到 ， 导 航 的 第 一 部 分 和 最 后 一 个 部 分 都 有 个 角 ， 所 以 
要 把 导航 分 为 3 个 部 分 ， 这 样 就 需要 定义 一 个 变量 i 去 记录 哪个 是 第 一 个 ， 哪 个 是 最 后 
i 
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11.3.3 制作 leftasp 页 面 全 部 商品 分 类 和 品牌 上 











营养 食品 
在 left.asp 中 ， 主 要 实现 对 商品 的 分 类 导航 。 孕妇 町 | 宝 宝 轿 | 
在 购物 网 站 中 ， 除 了 网 站 的 主导 航 外 ， 一 般 还 有 整 站 商品 鱼肝油 1 钙 铁 锋 | 
分 类 的 类 导航 ， 这 样 做 的 优点 是 让 访客 浏览 商品 时 更 有 针对 要 儿 食品 » 
性 ， 能 快速 在 网 站 中 找到 所 需 的 商品 ， 如 图 11-3 所 示 。 米粉 | 拌 记 料 | 磨 于 饼干 | 
商品 分 类 显示 时 ， 先 显示 一 个 主 分 类 ， 然 后 显示 主 分 类 下 er 
= a > 
的 小 分 类 ， 再 显示 一 个 主 分 类 ， 再 显示 主 分 类 下 的 小 分 类 。 这 
样 的 过 程 可 以 通过 一 个 嵌 套 循环 完成 ， 代 码 如 下 : 
奶瓶 | 奶嘴 | 饮水 杯 | 
ES 消毒 锅 ! 消 毒 钳 | 
sqlbiglar="select Distinct LarCode,LarSeq from 婴儿 装具 | 口水 肩 | 
bclass order by Larseq"“ 读 取 大 类 食 饭 衫 | 奶瓶 来 | 
Set rsprodbigtree=Server.CreateObject 指甲 前 1 吸 恕 器 | 
("ADODB .Recordset") 
rsprodbigtree.Open sqlbiglar,conn,1,1 洗 护 用 品 » 
if rsprodbigtree.bof and rsprodbigtree.eof then 祷 巾 纸 | 清洁 棉签 | 
response.write "对 不 起 ， 本 商城 暂 未 开业 " 奶瓶 清洗 | 衣物 清洗 | 
Se 加 区 洗 放 | 更 身 系列 | 
Do While Not rsprodbigtree.eof 护肤 系列 | 沐浴 系列 | 
%> 
<dl class="last" > | 
<dt onMouseOver="this.className='"'mhover'" onmouseout= 防 尿 用 品 » 
"higsolassNane= i 纸尿裤 | 隔 尿 热 | 
a class="clear"></div> 座 便器 | 
href="class.asp?LarCode=<%=rsprodbigtree ("LarCode") 宝宝 究 具 » 
%>"><%=rsprodbigtree ("LarCode")%></a> 睡 儿 | 抱 被 | 婴儿 枯 | 
</dt> 
ES 11-3 ”分 类 导航 页 面 


"是 否 显示 中 类 

"以 下 是 根据 前 面 读 取 的 大 类 名 称 ， 读 取 各 个 大 类 下 的 中 类 
sqllar="select MIDCode,MIDSeq from bclass where 
Jarcode='"&rsprodbigtree ("LarCcode")&"' order by MIDSeq" 

Set rsprodtree=Server.CreateObject ("ADODB.Recordset") 
rsprodtree.Open sqllar,conn,1l,l1l 

Do While Not rsprodtree.eof 

%> 
<dd><a href='class.asp?LarCode="<%=rsprodbigtree ("LarCode")®%>"gMidCode="<%= 
rsprodtree ("midCode")®%>"'><%=rsprodtree ("midCode")%></a></dd> 
<% 
rsprodtree.movenext 

Loop 

set rsprodtree=nothing 
se tsqllar=nothing 

%> 
</dl> 
<% 

rsprodbigtree.movenext 
Loop 


nd 让 E 
set rsprodbigtree=nothing 
set sqlbiglar=nothing 
%> 


嵌 套 循环 的 意思 是 一 个 循环 中 包含 另 一 个 循环 。 在 这 里 ， 第 一 个 循环 选择 出 所 有 的 商品 
大 类 ， 并 把 第 一 个 循环 检 出 的 结果 带 到 第 二 个 循环 中 作为 检索 的 条 件 ， 检 索 出 商品 大 类 的 所 
有 子 类 (商品 子 分 类 )。 


11.3.4 制作 search.asp 页 面 


一 个 电子 商城 系统 ， 商 品 少 则 几 百 类 ， 多 则 成 千 上 万 类 ， 这 样 一 个 分 类 可 能 产生 几 十 个 
分 页 ， 根 据 访问 习惯 ， 大 家 一 般 只 访问 前 6 页 ， 面 对 这 个 问题 ， 分 类 导航 就 有 点 力不从心 
了 。 所 以 ， 有 一 个 全 站 产品 的 搜索 功能 非常 必要 ， 访 客 可 以 根据 产品 分 类 ， 输 入 关键 词 去 查 
找 自己 想 购 买 的 商品 ， 实 现 效 果 如 图 11-4 所 示 。 


请 输入 商品 关键 字 热门 搜索 : 美 素 | 每 伴 | 消毒 | Wk | 








图 11-4 商品 搜索 页 面 


在 搜索 框 后 边 还 有 一 些 热门 搜索 的 链接 ， 这 个 功能 对 于 用 户 和 网 站 运营 者 来 说 都 很 重 
要 。 对 用 户 来 说 ， 可 以 充分 了 解 商城 关注 产品 的 情况 ， 对 网 站 运营 者 来 说 ， 这 个 搜索 排行 有 
助 于 调整 产品 库存 和 合理 安排 营销 计划 。 


11.3.5 制作 middle.asp 页 面 


middle.asp 是 全 站 商品 首页 展示 推广 区 域 。 相 关 数 据 表 明 ， 首 页 区 域 商 品 销售 比例 占 全 站 
商品 销售 比例 的 80%6， 即 网 站 的 销售 绝 大 部 分 都 是 由 首页 转换 来 的 。 所 以 如 何 制 作 一 个 合理 
的 受用 户 欢迎 的 展示 布局 和 合理 安排 推荐 产品 ， 对 于 网 站 成 功 营销 是 至 关 重要 的 。 由 于 每 个 
商家 的 主打 产品 不 一 样 ， 商 品 推荐 也 不 是 一 成 不 变 的 ， 通 过 总 结 有 以 下 两 个 要 点 。 
® ”展示 主打 产品 。 主 打 产 品 是 指 在 商家 产品 中 重点 推出 的 产品 ， 该 产品 具有 长 久 的 春 
利 点 。 

e ”产品 展示 要 结合 活动 ， 展 示 形 式 要 丰富 ;对 如 今 的 网 络 购物 用 户 来 说 ， 普 通 简 单 的 
商品 展示 已 激发 不 起 他 们 的 关注 。 而 网 络 购物 就 是 基于 眼球 经 济 的 ， 如 果 首 页 商品 
激发 不 起 关注 ， 二 级 分 类 页 面 被 访问 的 可 能 几乎 不 存在 ， 这 就 意味 着 付出 的 努力 被 
毁 于 一 旦 ， 网 络 营销 彻底 失败 。 

下 面 介绍 展示 布局 的 构建 。 


如 类 广告 区 

幻灯 广告 区 的 图 片 尺寸 一 般 都 比较 大 ， 通 常 是 为 了 一 个 活动 或 新 品 而 费心 做 的 广告 图 
与 普通 的 商品 图 片 相 比 较 ， 这 里 的 图 片 更 具有 宣传 性 ， 常 用 来 展示 商城 最 新 产品 、 最 新 活动 
产品 、 主 打 产 品 ， 如 图 11-5 所 示 。 
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图 11-5 幻灯 广告 区 
其 主要 实现 原理 是 通过 JavaScript 脚本 控制 的 切换 ， 代 码 如 下 : 


<div class="mod slide"> 
<div class ain slide”" id="slide lunbo first"> 
<div class="widgets box" style="OVERFLOW: hidden" 
name=" pictureLetter 12578" wid="12578"> 
<ul class="body slide" id="slide panell1l2578"> 
<li><a href='<%=hf5url%>' title='<%=hf5tit%>' target= blank><img border=0 
width=565 height=295 src='<%=hf5pic%>'></a></1i> 
<li><a href='<%=hf4url%>' title='<%=hf4tit%>' target= blank><img border=0 
width=565 height=295 src='<%=hf4pic%>'></a></1i> 
<li><a href='<%=hf3url%>' title='<%=hf3tit%>' target= blank><img border=0 
width=565 height=295 src='<%=hf3pic%>'></a></1i> 
<li><a href='<%=hf2url%>' title='<%=hf2tit%>' target= blank><img border=0 
width=565 height=295 src='<%=hf2pic%>'></a></1i> 
<li><a href='<%=hfurl%>' title='<%=hftit%>' target= blank><img border=0 
width=565 height=295 src='<%=hfpic%>'></a></1i> 
</ul> 
</div> 
<div class="bor slide" name=" pictureLetter 12578" wid="12578"> 
<ul class="custom slide" id=slide navl2578> 
<1li class="current"><a href='<%=hf5url%>" 
target= blank><%=hf5tit%></a></1i> 
<li ><a href='<%=hf4url%>' target= blank><%=hf4tit%></a></1i> 
<li ><a hre =hf3url%>' target= blank><%=hf3tit%></a></1i> 
<li ><a hre =hf2url%>" target= blank><%=hf2tit%></a></1i> 
<li ><a href='<%=hfurl%>' target= blank><%=hftit%></a></1i> 
</ul> 
</div> 
</div> 
</div> 
<SCRIPT type=text/javascript> 
$ (document) .ready (function(){ 
// 主 图 片 轮换 展示 
varfirst con id = 
$("#slide lunbo first") .children(".bor slide") .children 
(".custom slide") .attr("id"); 
$("#slide lunbo firstdiv:first").imgscroller({controllId:first con id}); 













// 频道 内 图 片 轮换 展示 


Var slide navV001 = 


$("#channel slide 001") .children(".bor slide") .children 


(" .custom slide") .attr("id")7 


var slide nav002 = $("#channel slide 002") .children(".bor slide"). 


children(".custom slide") .attr("id"); 
Var slide nav003 = 


$("#channel slide 003") .children(".bor slide") .children 


(".custom slide") .attr ("id"); 
ifl(slide navo01){ 
$("#channel slide 001 
div:first") .imgscroller({controllId:slide nav001}); 
} 
if(slide nav002){ 
$("#channel slide 002 
div:first") .imgscroller({controllId:slide nav002}); 
} 
if(slide nav003){ 
$("#channel slide 003 
div:first") .imgscroller({controllId:slide nav003}); 





片 延迟 加 载 
img") .filter (function(){ 
return $ (this).attr('realsrc') != null; 
}) .lazyload({ 
threshold: 300 


} 
Wn 
// 图 片 滚动 显示 
widget pic slide(104); 
// widget pic slide auto(104,5); 


3 
</SCRIPT> 


2. 精 选 热 销 区 


精 选 热 销 区 用 于 推荐 当前 商品 库 中 热 销 的 产品 ， 把 热 销 的 几 
个 主打 产品 提炼 出 来 ， 让 访客 第 一 时 间 内 看 到 ， 如 图 11-6 所 示 。 

3. 商品 品牌 区 

商品 具有 品牌 属性 ， 而 每 个 品牌 都 有 自己 的 忠实 用 户 ， 特 别 
是 那些 知名 品牌 ， 它 们 对 网 站 访客 来 说 ， 具 有 很 大 的 说 服 力 。 好 
的 品牌 一 定 要 推荐 出 来 ， 这 些 都 会 促成 网 站 的 销售 额 ， 如 图 11-7 
所 示 。 

4. 新 品 特价 区 


新 产品 要 特别 推荐 出 来 ， 要 有 各 种 商品 促销 活动 ， 这 样 的 网 
站 布局 安排 ， 网 站 熏 利 才 可 能 提升 ， 如 图 11-8 所 示 。 
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WETEN a 热门 点 击 特价 商品 
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图 11-8 新 品 特价 区 


图 11-8 中 设 定 新 品 上 架 、 超 值 推荐 、 热 门 点 击 、 特 价 商品 4 个 功能 ， 根 据 商 品 的 不 同情 
况 ， 把 受 关注 和 需要 关注 的 商品 推荐 出 来 ， 便 于 访客 了 解 。 这 是 一 个 选项 卡 切换 功能 。 这 4 
个 功能 实现 方式 基本 一 样 ， 只 是 SQL 语句 筛选 条 件 不 同 。 新 品 上 架 实 现代 码 如 下 : 


<ol class="female"> 
< 多 
setrs=conn.execute("select top 6 * from bproduc where online=true order by 
AddDate desc") 
ifrs.bof and rs.eof then 
response.write "暂时 没有 新 上 架 商 品 " 
所 ESe 
Do While Not rs.eof 
各 > 
<div class="index fourFrameGoods"> 
<div class="goodsPic"> 
<a href=list.asp?ProdId=<%=rs ("ProdId")%®%>><img border=0 
onload='DrawImage (this)' 
alt='<%=rs ("ProdName") $>"' 
src='<%=rs ("ImgPrev")%>' style="height:120px; width:120px;"></a> 
</div> 
<div class="goodsName"> 
<a 
href='list.asp?ProdId=<%=rs ("ProdId")%>'><%=]lleft (rs ("ProdName"),30)%></a> 
</div> 
<div class="goodsPrice01">¥<%=FormatNum(rs ("PriceOrigin"),2)%> 元 </div> 
<div class="goodsPrice02">¥<%=FormatNum(rs ("PriceList"),2)%> 元 </div> 
</div> 
< 和 
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rs.movenext 
loop 
end if 
setrs=nothing 
%> 
</ol> 
代码 中 order by AddDate desc 语句 可 以 使 商品 按 上 架 时 间 进 行 倒序 排列 ， 这 样 最 新 添加 的 
商品 就 被 检索 出 来 。 另 外 ， 商 品 还 设 有 会 员 价 和 市 场 价 ， 这 样 鲜明 的 对 比 更 能 突出 网 站 商品 
在 价格 上 的 优势 ， 激 发 用 户 的 购买 力 。 


5. 重点 主 分 类 商品 推荐 区 


这 部 分 对 购物 网 站 来 说 也 是 很 重要 的 ， 它 的 实现 方式 与 前 边 的 板块 没有 太 大 差别 ， 主 要 
是 表现 形式 不 一 样 ， 如 图 11-9 所 示 。 
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图 11-9 重点 主 分 类 商品 推荐 区 


至 此 ， 首 页 主题 主要 功能 实现 完毕 。 在 实现 过 程 中 ， 使 用 了 4 个 表现 形式 ， 分 别 是 幻 
灯 、 列 表 、 选 项 卡 、 广 告 栏 ， 不 管 展现 形式 如 何 ， 都 只 是 这 几 点 知识 的 重用 。 


11.3.6 ”制作 help.asp 页 面 和 bottom.asp 页 面 


网 站 底部 区 域 在 购物 网 站 中 常常 用 来 放置 购物 指南 和 版 权 声明 。 相 对 来 说 ， 这 部 分 内 容 
基本 不 会 有 变化 ， 不 涉及 语句 ， 只 是 把 需要 做 链接 的 地 方 做 好 链接 就 行 ， 如 图 11-10 所 示 。 
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11.4 制作 商品 列表 页 


在 首页 制作 中 ， 商 品 都 是 分 类 的 ， 每 个 分 类 下 会 有 一 定数 量 的 商品 ， 一 屏 已 不 能 满足 显 


示 了 ， 这 就 需要 一 种 新 的 表现 形式 ， 那 就 是 列表 页 ， 如 图 11-11 所 示 。 
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11-11 ”商品 列表 页 效果 


从 图 11-11 中 可 以 看 到 ， 商 品 列表 页 可 以 分 为 本 周 销售 排行 、 浏 览 历史 、 热 卖 推 荐 和 商 
品 列表 。 


11.4.1 实现 分 页 效果 


数据 库 中 的 记录 分 割 成 若干 段 分 页 显示 ， 为 什么 叫 “ 分 页 ”显示 ?因为 其 实 显示 的 原始 
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页 面 只 有 一 页 ， 通 过 控制 数据 库 显示 ， 可 以 刷新 页 面 的 显示 内 容 。 具 体 定义 如 下 : 


Ts.pagesize--> 定 义 一 页 显示 记录 的 条 数 。 

IsTecordcount--> 统 计 记 录 总 数 。 

Is.pagecount--> 统 计 总 页 数 。 

rs.absolutepage--> 将 数据 库 指针 移动 到 当前 页 要 显示 的 数据 记录 的 第 一 条 记录 。 比 
如 有 20 条 记录 的 一 个 数据 库 ，10 条 记录 显示 一 页 ， 当 页 面 为 2 时 ， 通 过 使 用 
rs.absolutepage 将 指针 移动 到 第 11 条 记录 处 ， 依 次 类 推 。 





加 


实现 分 页 的 代码 如 下 : 


< 和 
Set rsprolist=Server.CreateObject ("RDODB.RecordSet") 
rsprolist.Open sqlprod,conn,1,1 
if rsprolist.bof and rsprolist.eof then 
response.write "对 不 起 ， 本 商城 暂 未 开业 " 
else 
rsprolist.pagesize=8 ' 定 义 一 页 显示 的 记录 数目 
tatalrecord=rsprolist.recordcount ' 获取 记录 总 数目 
tatalpages=rsprolist.pagecount ' 获取 分 页 的 数目 
rsprolist.movefirst 
nowpage=request ("page") ' 用 request 获取 当前 页 数 ， 注 意 page 是 自己 定义 的 变量 并 非 函数 
if nowpageg&" " then "处 理 页 码 为 空 时 的 情况 
nowpage=1 
else 
nowpage=cint (nowpage) "将 页 码 转换 成 数字 型 
end if 
rsprolist.absolutepage=nowpage ' 将 指针 移动 到 当前 显示 页 的 第 一 条 记录 


n=1 
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Do While Not rsprolist.eof and n<= rsprolist.pagesize 
%> 

<div class="globalProductWhitegoodsItem res w" 
onMouseOver="this.className='globalProductGraygoodsItem res_w'" 
onMouseOut="this.className='globalProductWhitegoodsItem res w'" > 
<div class="goodsItem res"> 
<a href="]list.asp?ProdId=<%=rsprolist ("ProdId")®%>"><imgsrc="<%=rsprolist 
("ImgPrev")®%>" alt="<$%=11eft (rsprolist ("ProdName"),15)%>" class="goodsimg"/> 
</a><br /> 
<p><a href="list.asp?ProdId=<%=rsprolist ("ProdId")%®>" 
title="<%=]left (rsprolist ("ProdName"),15)%>"><%=]lleft (rsprolist ("ProdName"), 
15)%></a></p> 
<font class="market s">¥<%=lleft (rsprolist ("PriceOrigin"),5)%> 元 </font><br 
/> 
<font class="shop s">¥<%=]lleft (rsprolist ("pricelist"),5)%> 元 </font><br /> 
<a 
href=shop.asp?ProdId=<%=rsprolist ("ProdId")®%>target=" blank"><imgsrc="css/ 
images/goumai .gif"></a><a href=fav.asp?ProdId=<%=rsprolist ("ProdId")%> 
target=" blank"><imgsrc="css/images/shoucang.gif"></a> 
</div> 

</div> 





< 
n=n+1 
rsprolist.movenext 
Loop 
end iF 
setrsprolist=nothing 
%> 
</div> 
<h4> 
共 :<%=tatalpages%> 页 当前 为 :<%$=nowpage%> 页 <%if nowpage>1 theng><a 
href="class.asp?page=<%=nowpage-1%>"> 上 一 页 </a><%else%> 上 一 页 <%end if%> 
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<$for k=1 to tatalpages®> 

<%if k<>nowpage then 要 > 

<a href="class.asp?page=<%=k$>"><%=k%></a><%else®><%$=k$> 

<$%end if%> 

<Sg%nextg> 

<%if nowpage<tatalpages then %><a href="class.asp?page=<%=nowpage+1%>"> 下 一 
页 </a><%else%> 下 一 页 <%end if%> 

<%if nowpage<>1 then $%><a href="class.asp?page=<%=1%>"> 首 页 </a><%else%> 首 页 
<%end if%> 

<%if nowpage<>tatalpages then %><ahref="class.asp?page=<%=tatalpages%>"> 末 
页 </a><%else%> 末 页 <%end if%> 

</h4> 


分 页 可 以 分 为 4 个 过 程 ， 首 先 建立 数据 链接 ， 其 次 设置 分 页 参数 ， 再 次 读 取 数据 ， 最 后 
翻 页 设 定 。 


11.4.2 ”实现 浏览 历史 效果 


浏览 历史 功能 可 以 让 购物 者 查看 自己 访问 网 站 的 记录 ， 方 便 选择 自己 感 兴趣 的 商品 ， 给 
网 络 购 物 提供 更 多 方便 。 代 码 如 下 : 


<div class="boxCenterListclearfix" id='"'history list'> 
<!-- 最 近 浏 览 开 始 !--> 
<table cellSpacing=0 cellPadding=0 width=178 > 
<% 
liulan = request.cookies ("liu") 
liuid = Request ("Prodid") 
if Len(liulan) = 0 then 
ialan = "Gbayide Pn 
elseIfInstr(liulan, liuid ) <= 0 then 
Tina = FELang Sr “eliaids Sy 玫 





end If 

response.cookies ("liu") = liulan 
response.cookies ("liu") .expires=now()+365 
%> 

< 多 


setcqrsprod=conn .execute ("select * from bproduc where 
ProdId in ("gliulang") order by ProdId") 

b=rsprod ("PriceOrigin")-rsprod("PriceList") 

s=1 

Do While Not cqrsprod.eof 

prodname=lleft (cqrsprod ("ProdName") ,23) 

response.write "<tr><td class=tdl 
height=30 >&gnbsp;&nbsp;<imgsrc='images/ico "gsg&".jpg'>g&nbsp;é&nbsp;<a 
href='list.asp?ProdId="&cqrsprod("ProdId")&"'>"gprodnameg"</a></td></tr>" 

response.write "<tr><td height=1 
background=images/top/histroy line.gif></td></tr>" 

s=s+1 

k=K+1 

IE k>renmen num-1 then exit do 


加 


| 

第 
if cqrsprod.eof then exit do 2 
cqrsprod.movenext 章 
loop 
response.write "<tr><td height=5 ></td></tr>" 明 
setcqrsprod=nothing 购 
%> 物 
</table> 天 


<!- -最 近 浏 览 结束 !- -> 


</div> 


浏览 记录 的 实现 是 用 Cookie 来 记录 访客 的 访问 商品 编号 ， 然 后 进行 商品 检索 。 使 用 
Cookie 进行 记录 有 两 个 好 处 ， 一 是 不 增加 数据 库 的 负担 ; 二 是 当 Cookie 过 期 后 能 自动 清除 。 


11.5 制作 商品 内 容 页 






j 品 内 容 页 不 仅 要 把 商品 展现 出 来 ， 而 且 还 要 能 与 访客 进行 交互 ， 可 以 增加 顾客 评论 、 
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商 
显示 购买 记录 、 提 示 如 何 购买 ， 还 可 以 把 相关 商品 推荐 给 访客 ， 不 仅 方便 购物 ， 提 高 服务 质 
量 ， 而 且 可 以 把 整个 网 站 商品 贯穿 起 来 ， 如 图 11-12 所 示 。 
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11-12 ”商品 内 容 页 效果 











而 中 ， 除 了 以 上 几 个 工作 要 做 ， 通 常 还 要 记录 商品 的 点 击 量 ， 








商品 ， 销 售 情况 肯定 差 不 了 。 具 体 代码 如 下 : 
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conn.execute "UPDATE bproduc SET ClickTimes ="&grsprod("ClickTimes")+l&" 

WHERE ProdId ="'"g&idg"™'"'™" 

通过 设置 ClickTimes 字段 进行 计数 ， 在 商品 详情 页 打开 时 ， 使 ClickTimes 自 增 1。 

11.6 ”实现 网 站 购物 车 功能 

下 面 来 说 明 如 何 制 作 购 物 车 。 
11.6.1 制作 购物 车 

购物 系统 是 购物 网 站 中 最 核心 的 部 分 。 本 节 将 对 购物 车 如 何 实现 网 上 购物 进行 详细 
讲解。 

用 户 单 击 商 品 内 容 页 面 中 的 【立即 购买 】 按 钮 ， 系 统 会 判断 该 用 户 是 否 已 经 登录 。 如 果 
已 经 成 功 登录 ， 那 么 可 以 将 该 商品 添加 至 购物 车 中 ， 购 物 车 中 的 商品 数量 初始 值 为 1。 如 果 需 


要 对 该 商品 进行 团购 的 话 ， 可 以 在 购物 车 页 面 中 单 击 【修改 】 按 钮 ， 对 商品 购买 数量 进行 修 
改 ， 同 时 ， 也 可 以 单 击 “删除 ”链接 ， 将 商品 移出 购物 车 。 如 图 11-13 所 示 。 
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图 11-13 ”购物 车 效果 


购物 车 页 面 为 根 目录 下 的 check.asp 文件 。 下 面 代码 主要 用 来 实现 购物 车 添加 商品 、 修 改 
商品 数量 、 删 除 购物 车 中 的 商品 : 

















如 下 





站 证 


<% 

buylist=request.cookies ("buyok") ("cart")"' 取 cookies 记录 所 选 代购 商品 
if trim(request ("del"))<>"" then "删除 购物 车 中 某 个 商品 
buylist=replace (buylist,trim(request ("de1") ) ，"XXXXXXXX") 
response.cookies ("buyok") ("cart")=buylist 

end if 

IE Request ("edit") = "ok”" Then' 修 改 购物 车 中 商品 数量 
buylist = "" 

buyid = Split (Request ("ProdId"), ", ") 

For I=0 To UBound (buyid) 

if i=0 then 


长 油 莹 叶 F- 习 届 上 洲 侠 





buylist = "'" gbuyid(I) & "'，'"&request (buyid(I))g"'" 

else 

buylist = buylistg ", '" &buyid(I) & "', '"g&request (buyid(I))g"'" 
end if 

Next 


response.cookies ("buyok") ("cart") = buylist' 把 修改 过 的 购物 情况 记录 到 cookies 
End If 

Set rs=conn.execute("select * from bproduc where ProdId in ("&buylist&") 
order by ProdId") 


"从 商品 表 中 根据 商品 ID 进行 读 取 商品 信息 


%> 


如 果 是 已 登录 会 员 将 显示 会 员 价 格 ， 否 则 提示 提示 会 员 登 录 ， 代 码 如 下 : 


< 多 

if request.cookies ("buyok") ("userid")="" then ' 使 用 cookies 进行 判断 会 员 是 否 登录 
response.write "<a href='alogin.asp'><font 
color=red>"ghuiyuanjiag"</font></a><br>" 


GG 





else 

response.write"<font 
color=red>"gFormatNum (rs ("PriceList")*checkuserkou()/10,2)&"</font><br>" 
"已 登录 显示 会 员 价格 

end 4 
%> 


另外 还 需要 统计 购物 总 金额 ， 方 便 购物 者 了 解 要 为 购物 车 中 商品 支付 多 少 钱 。 代 码 


< 多 

Sum = 0 

While Not rs.eof' 获 取 选 购 商品 数量 
buynum=split (replace (buylist,"™'",""),", ") 
for i=0 to ubound (buynum) 

if rs("prodid")=buynum(i) then 
Quatity=buynum (i+1) "取得 商品 数量 

ext 于 Or 

[和 

next 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 >- 


if not isNumeric(Quatity) then Quatity=1 

IE Quatity<= 0 Then Quatity = 1 

Sum = Sum + csng(rs("PriceList"))*Quatity*checkuserkou()/10 
"合计 商品 总 价 

和 > 


checkuserkou 用 来 获取 会 员 折 扣 。 


11.6.2 ”制作 结算 中 心 
当 确定 要 结算 时 ， 单 击 购物 车 下 方 的 【结账 】 按 钮 ， 进 入 结算 中 心 ， 如 图 11-14 所 示 。 
| we .| 
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11-14 ”结算 中 心 效果 


在 结算 中 心 可 以 看 到 购物 车 中 的 商品 ， 并 可 以 根据 情况 返回 修改 订单 。 但 结算 中 心 的 主 
要 目的 是 为 了 输入 送 货 信息 ， 包 括 订 货 人 姓名 、 地 址 、 电 话 和 送 货 方式 等 。 


11.6.3 ”制作 生成 的 订单 


在 确定 购买 商品 和 收 货 信 息 之 后 ， 就 可 以 提交 生成 的 订单 ， 如 图 11-15 所 示 。 这 里 需要 
注意 的 是 订单 号 的 生成 ， 通 常 使 用 时 间 与 随机 数 进行 组 合 ， 代 码 如 下 : 

<% 

Randomize' 强制 使 用 随机 数 

gd=right ("00"&gint (99*rnd()) ,2) “生成 一 个 两 位 随机 数 

yy=right (year (date),2) "获取 年 份 的 后 两 位 

















re a 





















mm=right ("00"&gmonth (date),2) ' 获 取 月 份 
dd=right ("00"&gday (date),2) ' 获 取 日 期 章 
riqi=yy& mm &dd 
xiaoshi=right ("00"ghour (time) ,2) ' 获 取 小 时 es 
fenzhong=right ("00"gminute (time),2) "获取 分 钟 购 
miao=right("00"&second (time),2) ' 获 取 秒 物 
inBillNo=yy& mm &dd&xiaoshi&fenzhong&miaog d' 组 合 订单 号 弄 
%> 
-Te 
GE [hohocahosprevien hinatant x Bo- cx 
ED E33 
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11-15 ”生成 订单 效果 


生成 订单 号 之 后 ， 就 可 以 提交 订单 数据 到 数据 库 表 ， 然 后 就 可 以 选择 合适 的 支付 方式 付 
款 了 。 商 家 会 在 确认 订单 之 后 发 货 。 


11.7 ”制作 会 员 注 册 和 会 员 登 录 页 面 


在 制作 会 员 中 心 之 前 ， 要 先 制作 会 员 注册 和 会 员 登 录 这 两 个 页 面 ， 否 则 会 员 中 心 也 就 无 
法 从 页 面 到 达 。 


11.7.1 ”制作 会 员 注册 页 面 


在 首页 可 以 看 到 会 员 注 册 和 会 员 登 录 、 会 员 中 心 有 3 个 导航 ， 它 们 的 位 置 也 是 相当 显眼 
的 。 在 网 站 制作 中 ， 有 一 个 原则 : 重要 的 信息 一 定 要 放 在 重要 的 位 置 。 
会 员 注 册页 面 为 根 目录 下 的 reg memberasp 文件 ， 效 果 如 图 11-16 所 示 。 
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图 11-16 会 员 注册 页 面 效果 


在 会 员 注 册 过 程 中 ， 要 先 检测 该 会 员 名 称 是 否 已 经 注册 过 ， 然 后 再 输入 会 员 相关 信息 进 
提交 。 会 员 检测 实现 代码 如 下 : 


< 多 
userid=request.ServerVariables ("querYy string") 
if userid = "" then 
response.write "<img border=0 src=images/small/wrong.gif alt=' 出 错 了 ， 您 
没有 输入 用 户 名 ， 或 者 输入 的 用 户 名 中 含有 非法 字符 '>" 
response.end 
elseif buyoktxtcheck (userid)<>userid then 
response.write "<img border=0 src=images/small/wrong.gif alt=' 出 错 了 ， 您 
没有 输入 用 户 名 ， 或 者 输入 的 用 户 名 中 含有 非法 字符 '>" 
Fesponse .end 
else 
setrs = conn.execute("SELECT * FROM buser where UserId= '" g&UserIdg "'") 
if not (rs.Bof or rs.eof) then 
response.write "<img border=0 src=images/small/no.gif alt=' 非 常 遗憾 ， 此 用 
户 名 已 被 他 人 注册 ， 请 选用 其 他 用 户 名 。'>" 
else 
response.write "<img border=0 src=images/small/yes.gif alt=' 恭 喜 ， 您 可 以 
使 用 此 用 户 名 。' >" 
二 和 直 
setrs=nothing 
end if 
conn.close 
set conn=nothing 
%> 


在 注册 提交 密码 信息 时 ， 一 般 使 用 md5 对 密码 进行 加 密 ， 增 强 用 户 信息 的 安全 性 ， 这 个 
过 程 在 注册 信息 保存 页 面 reg_save.asp 中 处 理 ， 代 码 如 下 : 


<!--#include file="include/md5.asp"--> 引 入 mad5 文件 

<% 

User Password=request .form("pwl")' 取 得 提交 的 密码 信息 

User Password=md5 (User Password) ' 使 用 md5 加 密 获 取 到 的 密码 信息 
%> 


11.7.2 ”制作 会 员 登 录 页 面 


注册 过 会 员 信 息 之 后 ， 就 可 以 进行 会 员 登 录 ， 只 有 成 功 登 录 才能 跳 转 到 会 员 中 心 。 会 员 
登录 的 制作 分 为 两 步 ， 第 一 步 是 输入 会 员 用 户 名 、 密 码 ; 第 二 步 对 输入 信息 进行 验证 。 当 输 
入 有 误 时 会 提示 相关 信息 ， 如 图 11-17 所 示 。 





3 人 新 会 员 注册 
33> 会 员 登 录 会 员 登 录 
3 了 更 改 顾 客 密码 
33 申请 /更 疏 密码 保护 用 书 名 
， 查询/ 修 必 车 记 信息 
D> 订单 明细 查询 密 码 : 
3 汇款 确认 
>> 梧 录 注册 | 万 记 区 玛 了 7? 
11-17 会 员 登 录 页 面 
会 员 登 录 处 理 代码 如 下 : 


< 
Userid=trim(request.form("userid"))' 取 提 交 的 用 户 名 
Password=trim(request.form("password")) ' 取 提 交 的 密码 
if request.form("Login")<>"ok" then response.redirect "index.asp" 
"判断 提交 动作 不 是 1ogin 时 ,返回 首页 
ifUserid = "" or Password ="" then response.redirect "error.asp?error=004" 
"判断 输入 为 空 时 提示 信息 
if Userid = request.cookies ("buyok") ("userid") then response.redirect 
"error.asp?error=005"' 判 断 已 登录 时 提示 信息 
sql = "select * from buser where userid='"gUseridg"'"' 根 据 用 户 名 进行 用 户 表 
Set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,3 
if (rs.bof and rs.eof) then 
response.redirect "error.asp?error=003"' 检 索 不 到 时 提示 信息 
response.end 
snd i 


长 演 轩 F- 恒 山上 溃 





7@ 





- 398 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 %>~ 


if rs("status")<>" 正 常 " and rs ("status")<>"1l1"” then' 如 果 用 户 状 态 不 正常 提示 信息 
response.write "<script language='javascript'>" 
response.write "alert (' 出 错 了 ， 您 的 会 员 号 已 被 锁定 或 者 未 通过 审核 。') ;" 
response.write "location.href='javascript:history.go(-1)"';" 
response.write "</script>" 
response.end 
end if 
if rs("UserPassword")<> md5 (Password) then' 比 较 输入 的 密码 
session("login error")=session("login erIor")+1" 记录 用 户 登 录 次 数 
response.write "<script language='javascript'>" 
response.write "alert (' 您 输入 的 密码 不 正确 ， 请 检查 后 重新 输入 。\n\n 出 错 
"gsession("login error")g" 次 ');" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 
response.end 
else 
rs("lastlogin")=now() ' 记 录用 户 登录 时 间 
rs("IP")=Request.serverVariables ("REMOTE ADDR") "记录 用 户 登录 IP 
rs("TotalLogin")=rs ("TotalLogin")+1"' 记录 用 户 登录 次 数 
rs.update 
response.cookies ("buyok") ("userid")=lcase (userid) 
' 验 证 成 功 后， 设置 用 户 cookies 信息 
if request.form("cook")<>"0" then 
response.cookies ("buyok") .expires=now+cook 
response.write "<meta http-equiv='refresh' 
content='0;URL=user center.asp'>"' 返回 会 员 中 心 
end if 
rs.close 
setrs=nothing 
%> 


在 代码 中 使 用 if request.form("Login")<>"ok" then response.redirect "index.asp" 可 以 避免 非 
法 的 url 提交 ， 并 且 验 证 成 功 后 要 记录 用 户 的 登录 时 间 、IP、 登 录 次数 ， 方 便 统 计 用 户 的 行为 
和 分 析 用 户 对 网 站 的 忠诚 度 。 


11.8 ”实现 会 员 中 心 功能 
会 员 中 心 主要 实现 会 员 信息 的 维护 、 登 录 密 码 的 修改 、 订 单 查询 功能 。 


11.8.1 制作 会 员 中 心 页 面 


登录 之 后 ， 进 入 会 员 中 心 页 面 ， 如 图 11-18 所 示 。 

会 员 中 心 页 面 分 为 3 部分， 左边 导航 ， 包 括 查 看 购物 车 、 安 全 退出 、 会 员 中 心 、 修 改 信 
息 、 修 改 密码 、 订 单 明细 查询 、 我 的 收藏 夹 。 右 上方 是 会 员 的 个 人 信息 ， 右 下 方 是 最 近 的 订 
单 情况 。 

从 会 员 中 心 页 面 可 以 看 出 ， 会 员 中 心 是 会 员 快 速 了 解 个 人 购物 积分 、 订 单 和 个 人 登录 信 
息 的 快捷 方式 。 该 功能 使 程序 更 加 符合 购物 体验 和 使 用 习惯。 


















a 下 迎 ceshi2 渤 入 用 户 中 心 * 你 是 第 2 次 嫩 杂 相让- = 
ee 您 的 积分 为 : 0 您 的 俩 全 提成 : 0_00 元 章 
ee Stan er eo 于 
:0.00 元 
[安全 退出 ] 订单 号 提交 时 间 二 全 征订 单 状态 可 单 操作 上 
[| 12060T15291923 2012-06-07 15:29:20 39.00 新 订单 取消 。 开除 购 
| 12060617165561 2012-06-06 17:16:55 56.00 新 订单 到 放量 除 站 
[Er | 12060616594319 2012-06-06 16:59:43 32.00 新 订单 取消 。 量 除 统 
| 可 单 明细 吉 词 | 
| ”我 的 收 高 夹 | 


11-18 会员 中 心 页 面 效果 
11.8.2 ”制作 修改 会 员 信息 页 面 
修改 会 员 信息 页 面 的 功能 主要 是 用 来 变更 用 户 个 人 信息 ， 包 括 地 址 、 电 话 等 会 员 基础 信 


息 。 用 户 维 护 好 自己 的 信息 ， 在 购物 结算 时 就 可 以 减少 输入 ， 如 图 11-19 所 示 。 











会 员 信息 更 改 ( 带 * 项 为 必 划 项 ) 
会 员 称谓 : ceshi2 佣金 提成 : 0. 00 元 


我 的 积分 : 0 





| 0 姓名 : [ceshi2 © 曾 ## oO na 
省 从: + 城 市 :[ |] 


k 地 ” 址 : | 河南 省 郑州 市 金水 区 


























邮政 蝙 码 : [464400 









































J EH: | 
E-mail : |55@qq. com 
腾讯 gg 号 ; MS :CC | 
生 日: I 
我 推荐 的 会 员 : 
区 于 





图 11-19 ”修改 会 员 信息 页 面 


制作 这 个 页 面 时 ， 一 般 要 验证 邮政 编码 、 电 话 、E-mail 是 否 符合 特定 的 格式 ， 提 醒 和 保 
障 用 户 提 交 信 息 的 正确 性 。 


11.8.3 ”制作 修改 会 员 密 码 页 面 


从 安全 角度 上 来 看 ， 用 户 的 登录 密码 一 般 需 要 定期 更 换 ， 长 时 间 不 更 换 密码 很 容易 造成 
密码 的 丢失 和 被 盗 取 。 修 改 会 员 密 码 页 面相 对 简单 ， 如 图 11-20 所 示 。 
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会 员 夏 改 密 码 
会 员 称谓 ; ceshi2 
* 会 员 旧 登录 密码 
# 会 员 新 登录 密码 
确认 修改 














图 11-20 ”修改 会 员 密码 页 面 效果 


首先 要 提示 输入 旧 密 码 以 验证 用 户 修改 密码 权限 。 只 有 输入 正确 的 旧 密 码 ， 才 能 更 改 密 
码 ， 这 样 做 也 是 为 了 增强 密码 安全 性 。 还 要 防止 通过 URL 地 址 的 方式 直接 修改 密码 。 检 查 和 
验证 代码 如 下 : 


< 

oldpassword=trim(request ("oldpassword"))' 获 取 旧 密码 
Pwl=trim(request ("pwl") ) ' 获 取 新 密码 

Pw2=trim(request ("pw2")) 

if oldpassword="" or Pwl="" or pw2="" then ' 验 证 输入 是 否 为 空 
response.write "<script language='javascript'>" 

response.write "alert (' 出 错 了 ， 填 写 不 完整 ， 请 输入 原 密码 及 新 密码 。' ) ; " 
response.write "location.href='javascript:history.go(-1) 
response.write "</script>" 

response.end 

end if 

if Pwl<>pw2 then ' 验 证 新 密码 是 否 输入 准确 

response.write "<script language='javascript'>" 
response.write "alert(' 出 错 了 ， 两 次 输入 的 新 密码 不 符 。') ;" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 

response.end 

end if 

if llen (pwl)<6then ' 验 证 新 密码 长 度 是 否 符合 安全 要 求 

response.write "<script language='javascript'>" 

response.write "alert (' 出 错 了 ,您 输入 的 新 密码 的 长 度 不 够 ， 要 求 最 低 6 位 。');" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 

response.end 

end if 





setrs=conn.execute("select * from buser where 
UserId='"&request .cookies ("buyok") ("userid")g"'") 

if rs("userpassword")<>md5 (oldpassword) then ‘验证 原 密码 是 否 正 确 
response.write "<script language='javascript'>" 
response.write "alert(' 出 错 了 ， 您 输入 的 原 密码 不 正确 。' ) ;" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 

response.end 


end iF 

if ucase (request.cookies ("buyok") ("userid"))<>ucase (request.form("userid")) 
then' 验证 会 员 是 否 登 录 处 于 有 效 状态 

response.write "<script language='javascript'>" 

response.write "alert(' 出 错 了 ， 您 无 权 进 行 此 操作 。') ;" 

response.write "location.href='javascript:history.go(-1)';" 

response.write "</script>" 

response.end 

ee 

%> 
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.8.4 制作 查看 订单 明细 页 面 


在 订单 明细 查询 中 ， 首 先进 行 订单 列表 的 查看 ， 然 后 可 以 查看 具体 某 个 订单 的 详细 情 
况 ， 并 进行 订单 取消 、 订 单 恢复 或 者 订单 删除 等 操作 ， 如 图 11-21 和 图 11-22 所 示 。 


ceshi2 的 订单 明细 查询 ( 点 击 订单 号 查看 详细 信息 ) 


1 


订单 号 提交 时 间 总 金额 订单 状态 订单 操作 
12060715291923 2012-06-07 15:29:20 39.00 新 订单 取消 删除 
12060617165561 2012-06-06 17:16:55 56.00 新 订单 取消 删除 
12060616594319 2012-06-06 16:59:43 32.00 新 订单 取消 ”删除 


罗 GG 


图 11-21 查看 订单 列表 



































订单 明细 查询 
订单 号 为 12060715291923 提交 时 间 : 2012-06-07 15;29:19 
订货 人 : ceshi2 
联系 电话 : = = 
电子 邮箱 : 558aa com 
收 货 地 址 : 河南 省 郑州 市 金水 区 
邮政 编码 ; 464400 
配送 方式 : 。 货 到 付款 ， 配 送 费 用 0 元 
配送 费用 ; 0.00 
订单 备注 ; 宝宝， 快 快 长 大 呀 9 ?人 
客服 处 理 : 
商品 名 称 购买 数量 | 结算 单价 | 合计 
柄 幼 针对 幼儿 上 火 三 忱 奖 本 草 清 清 元 ( 盒 装 鲜 答 味 ) 源 自 法 国 40 年 1 39.00 | 39.00 
商品 总 价 : 39.00 
配送 费用 ; 0.00 
总 计 寓 用 ; 39. 00 元 
11-22 ”查看 订单 明细 
订单 明细 中 显示 订单 的 详细 情况 ， 包 括 订 货 人 、 收 货 地 址 、 购 买 商品 等 。 在 订单 取消 中 
需要 附加 判断 ， 判 断 订单 撤销 是 否 由 本 人 操作 ， 订 单 状态 是 否 允 许 取 消 (在 订单 被 商家 确认 后 


不 能 被 撤销 )， 代 码 如 下 : 


® 
‘1@ 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 ”一 


<% 
sql="select * from bOrderList where OrderNum='"&request ("cancel")g"'" 
setrs=Server.Createobject ("ADODB .RecordSet") 
rs.Open sql,conn,1l,3 
if rs.eof and rs.bof then 
tishi=" 出 错 了 ， 没 有 此 订单 ! " 
elseif rs("userid")<>request.cookies ("buyok") ("userid") then 
' 判 断 是 否 本 人 操作 
tishi=" 出 错 了 ， 您 不 能 操作 此 订单 !" 
else 
if rs("Status")="11" then' 订 单 处 于 11 状态 可 以 被 恢复 
rs("Status")="0" 
rs.update 
tishi=" 操 作成 功 ， 所 选 订单 已 被 恢复 ! " 
elseif rs("Status")="0"” then' 订 单 状态 值 是 0 时 可 以 被 撤销 
rs("Sstatus")="11" 
tishi=" 操 作成 功 ， 所 选 订单 已 被 取消 ! " 


rs.update 





让 下 Se 
tishi=" 操 作 失 败 ， 此 订单 不 能 自行 取消 ! "' 如 果 订单 状态 不 是 0, 11 时 订单 不 能 被 撤销 
end 2E 
end if 
rs.close 


setrs=nothing 
response.write "<script language='javascript'>"' 操 作 提示 
response.write "alert('"&tishig"');" 
response.write "location.href='my order.asp';" "返回 订单 列表 页 
response.write "</script>" 
%> 


同样 ， 在 删除 订单 时 候 也 要 判断 是 否 可 以 被 删除 ， 代 码 如 下 : 


< 名 
if rs.eof and rs.bof then 
tishi=" 出 错 了 ， 没 有 此 订单 ! " 
elseif rs("userid")<>request.cookies ("buyok") ("userid") then 
tishi=" 出 错 了 ， 您 不 能 操作 此 订单 ! " 
eae 
conn.execute ("update bOrderList set del=true where 
OrderNum="'"&request ("Del")&"'") 
tishi=" 操 作成 功 ， 所 选 订单 已 被 删除 ! " 
end 4f 
%> 


11.8.5 制作 收藏 来 

对 用 户 来 说 ， 收 藏 夹 可 以 提供 很 多 的 便捷 ， 如 果 没 有 这 个 功能 ， 辛 辛苦 苦 找 到 的 有 兴趣 
购买 的 商品 ， 下 次 还 要 从 头 再 找 一 遍 ， 费 时 费力 。 对 于 网 站 运营 者 来 说 ， 这 个 功能 能 提高 用 
户 潜在 的 购买 力 。 用 户 在 登录 的 情况 下 ， 只 需 在 感 兴趣 的 商品 处 单 击 【收藏 】 按 钮 即 可 ， 操 


Lb 
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作 非 常 便捷 ，【 收 藏 夹 】 如 图 11-23 所 示 ， 代 码 请 参考 附 书 光 盘 中 的 相关 文件 。 





ceshi2 的 收 蕊 卖 
选择 商品 编号 商品 和 名称 市 场 价 。 藕 吉 价 购买 
能 幼 全 装 初 乳 如 有 机 米粉 葵 生 元 护 疡 且 方 源 自 法 国 本 
回 0005 de 68.00 元 68 00 元 放 入 购物 车 
注意 ; 若 要 删除 收 高 着 中 的 商品 ,请 去 撞 商 品 前 的 小 多 ， 再 单 击 “ 更 新 收 毫 症 ”- 
Ce 


11-23 ”收藏 夹 效果 
在 需要 购买 时 ， 只 需 勾 选 收藏 夹 中 对 应 商品 ， 单 击 【 放 入 购物 车 】 按 钮 就 能 进行 购买 


11.9 制作 后 台 登 录 页 


后 台 登 录 过 程 同 会 员 登录 过 程 在 原理 和 实现 上 是 一 样 的 ， 由 于 后 台 对 于 网 站 经 营 者 相当 
重要 ， 所 以 应 该 加 强 安全 性 建设 。 本 系统 网 站 后 台 页 面 为 根 目录 的 admin.asp 文件 ， 如 图 11-24 
所 示 。 





图 11-24 后 台 登 录 页 面 效 果 


登录 的 时 候 对 输入 后 台 路 径 进行 安全 性 设 定 ， 把 后 台 路 径 设 定 为 一 个 不 常见 的 目录 ， 能 
有 效 阻止 一 些 人 的 恶意 猜测 登录 。 主 要 代码 如 下 : 


< 

if session("buyok admin login")>=5 then 

"判断 登录 次 数 ， 如 果 错 误 登 录 次 数 大 于 5， 记 录 IP, 锁定 禁止 登录 

Set rs=Server.CreateObject ("ADODB.Recordset") 

sql="select * from bconfig" 

rs.open sql,conn,1,3 

userip=Request .serverVariables ("REMOTE ADDR") 

if instr(rs("ip"),userip)<0 then rs("ip")=rs ("ip")&"@"guserip 
rs.update 

rs.close 





403 舍 
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setrs=nothing 

response.write "<script language='javascript'>" 

response.write "alert (' 您 涉嫌 非法 登录 网 站 后 台 ， 己 被 系统 锁定 。 请 与 技术 人 员 联 系 。' ) 
response.write "location.href='index.asp';" 

response.write "</script>" 

response.end 

ead 半生 





path=trim(request ("path"))' 取 得 后 台 路 径 
username=trim(request ("username")) 
password=trim(request ("password")) 





if buyoktxtcheck (request ("username"))<>request ("username") or 
buyoktxtcheck (request ("password"))<>request ("password") then 
"验证 登录 用 户 名 密码 是 否 有 非法 字符 ， 避 免 sql 攻击 
response.write "<script language='javascript'>" 
response.write "alert (' 您 填写 的 内 容 中 含有 非法 字符 ， 请 检查 后 重新 输入 ! ') ;" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 
response.end 
end 让 E 


if path = "" or username="" or password="" then' 判 断 输 入 是 否 为 空 
response.write "<script language='javascript'>" 
response.write "alert (' 填 写 不 完整 ， 请 检查 后 重新 提交 ! ， 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 
response.end 

end AF 





Set fso = Server.CreateObject ("Scripting.FileSystemObject")' 检 查 路 径 是 否 
存在 
if fso.FolderExists (server.MapPath("./"gpath))=false then 
session("buyok admin login")=session("buyok admin login")+1 
"记录 登录 次 数 
response.write "<script language='javascript'>" 
response.write "alert (' 您 填写 的 目录 不 存在 ， 请 检查 后 重新 提交 。\n\n 提示 : 出 错 
"gsession("buyok admin login")&" 次 ');" 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 
response.end 
end if 
setfso=nothing 


set rs=conn.execute("select * from manage where 
password='"&md5 (password)&"' and username='"&gusernameg&"'") 
' 判 定 用 户 名 密码 是 否 正确 
if not(rs.bof and rs.eof) then 
session("buyok admin login")=0 
Response.cookies ("buyok") ("admin")=username 1 设置 cookies 
Response.Redirect (pathg"/index.asp") . 登录 真实 后 台 
Se 
response.write "<script language='javascript'>" 
session("buyok admin login")=session("buyok admin login")+1 





"记录 用 户 名 密码 错误 次 数 


response.write "alert (' 您 填写 的 用 户 名 或 者 密码 有 误 ， 请 检查 后 重新 输入 。\n\n 提 


"gsession ("buyok admin login")&g" 次 ');" 


response.write "location.href='javascript:history.go(-1)';" 


response.write "</script>" 
response.end 
站 


setrs=nothing 
conn.close 


示 : 出 错 " 
end 
set 

%> 


conn=nothing 


本 系统 使 用 4 种 安全 措施 保障 后 台 安全 有 效 登录 : 

e@ ”后 台 路 径 判 定 。 

@ ”用 户 名 、 密 码 判 定 。 

e@ ”密码 使 用 md5 加 密 技 术 。 

e ”锁定 非法 用 户 登 录 IP。 

当 输 入 正确 的 用 户 名 、 密 码 后 台地 址 之 后 ， 方 可 进入 管理 后 台 。 


商品 管理 


11.10 ”实现 商品 管理 功能 


是 购物 系统 网 站 后 台 的 根本 ， 前 台 的 商品 信息 都 是 由 商品 管理 








新 。 在 本 例 中 ， 实 现 以 下 几 种 功能 : 
® 商品 分 类 管理 : 对 商品 类 别 进行 维护 ， 包 括 增加 、 删 除 、 修 改 。 
e 添加 商品 ， 对 商品 进行 添加 。 
”管理 商品 : 对 商品 进行 管理 ， 包 括 编辑 、 删 除 、 推 荐 等 。 


1 





制作 商品 分 类 管理 页 面 


功能 进行 维护 更 


为 了 提高 用 户 检索 商品 的 效率 ， 最 方便 快捷 的 方法 就 是 把 商品 进行 分 类 管理 ， 这 个 功能 
的 实现 在 目录 admin 的 prod0.asp 文件 中 ， 如 图 11-25 所 示 。 
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11-25 ”商品 分 类 管理 页 面 


司 油 莹 轩 F 习 出 引 洲 四 





pp GG 


5@ 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 ~ 





在 本 例 中 商品 可 以 进行 两 级 分 类 ， 一 级 分 类 的 实现 代码 如 下 : 


< 和 
subaddlarclass () 
"增加 一 级 分 类 


if request ("add")="ok" then' 验 证 是 否 是 添加 动作 


IE trim(request ("newclass"))="" or instr(request ("newclass"),"&")>0 or 





instr(request ("newclass"),"$%")>0 or instr(request ("newclass"),"'")>0 or 
instr (request ("newclass"),"&quot;")>0 then' 验 证 输入 是 否 完整 

response.write "<script language='javascript'>" 

response.write "alert(' 出 错 了 ， 资 料 填写 不 完整 或 不 符合 要 求 ， 请 检查 后 重新 提交 。' ) ; " 
response.write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 

response.end 

end if 





set rs=conn.execute("select * from bclass where 
LarCode='"gtrim(request ("newclass"))g&"'") 

if not (rs.eof and rs.bof) then' 检 查 输入 是 否 已 经 存在 

response.write "<script language='javascript'>" 

response.write "alert(' 出 氏 了 ， 已 经 有 一 个 同名 分 类 存在 ， 请 使 用 其 他 名 称 。 
response .write "location.href='javascript:history.go(-1)';" 
response.write "</script>" 

response.end 

end if 

set rs=nothing 

set rs=conn.execute("select * from bclass order by 1larseqdesc") ' 生 成 排序 号 
if not(rs.eof and rs.bof) then 

count=clng (rs ("Larseq") ) +1 

已 于 5 人 








count=1 

Gna 4 

set rs=nothing 

set rsadd=Server.CreateObject ("ADODB.Recordset")' 添加 操作 
sql="SELECT * FROM bclass" 

rsadd.open sql,conn,3,3 

rsadd.addnew 
rsadd ("LarSeq" 
rsadd ("Midseq" 
rsadd ("LarCode")=trim(request.form("newclass")) 


=count 





rsadd ("MidCode")=trim(request.form("newclass")) 
rsadd.update 

rsadd.close 

set rsadd=nothing 

response.write "<script language='javascript'>" 
response.write "alert('" 操作 成 功 ， 已 添加 一 级 分 类 
“nwgtrim(request.form("newclass"))&"， 及 一 个 同名 的 二 级 分 类 。') ;" 
response.write "location.href='prod0.asp';" 


response.write "</script>" 


lr 
response.end eer 
else 章 
End if 
End sub 购 
多 > Ey 

统 


二 级 分 类 添加 实现 过 程 与 一 级 分 类 一 样 。 另 外 ， 在 分 类 管理 中 还 有 个 功能 ， 是 对 分 类 进 
行 排序 。 在 前 面 介绍 过 ， 重 要 的 信息 要 显示 在 重要 的 位 置 ， 购 物 系 统 中 主打 产品 分 类 同样 也 
要 进行 优先 显示 ， 这 就 需要 通过 后 台 进行 排序 操作 。 一 级 分 类 排序 提升 的 代码 如 下 : 


<% 

"一 级 分 类 向 上 提升 

if action="larup" then' 判 断 是 否 提升 动作 
LarCode=request ("Larcode") ' 获 得 要 提升 的 类 名 

i=0 

set rs=server.createobject ("adodb.recordset") 
sql="select * from bclass order by LarSeqasc, Midseqasc"' 对 类 别 按照 大 类 排列 
rs.open sql,conn,1,3 

old="" 

do while not rs.eof' 循 环 取 得 待 排序 在 检索 结果 中 的 序号 
if rs("larcode")<>old then i=i+l 

if rs("larcode")=larcode then 

g=I' 把 序号 赋 给 变量 G 


exit do 






GG 


nd 4 

if rs.eof then exit do 

old=rs ("larcode") ' 用 old 记录 下 一 个 类 名 
rs.movenext 

loop 

rs.movefirst' 移 动 指针 到 记录 集 首 行 

i=0 

old="" 

do while not rs.eof 

if rs("larcode")<>old then i=i+l1 

if i=g-1l then' 对 于 排序 在 上 边 一 位 的 排序 字段 加 1 
rs("larseq")=i+l1 

elseif i>l and i=g then' 对 于 待 排序 的 排序 字段 减 1 
rs("larseq")=i-1 

else 

rs("larseq")=I" 除 此 之 外 的 排序 不 变 

end if 

rs.update 

A ra eo then erit do 

old=rs ("larcode") 

rs.movenext 

loop 


response.Redirect "prod0.asp" 
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rs.close 

se trs=nothing 

end if 

$> 

这 段 代 码 的 作用 是 把 待 提升 排序 商品 类 别 的 序号 与 原先 排 在 它 上 一 位 商品 类 别 的 排序 号 
交换 ， 这 样 就 达到 提升 排序 的 目的 。 另 外 ， 一 级 分 类 降序 、 二 级 分 类 升降 序 的 实现 过 程 都 是 
一 样 的 ， 不 再 一 一 介绍 。 


11.10.2 ”制作 添加 商品 页 面 


商品 的 添加 是 在 新 商品 入 库 的 地 方 ， 具 体 实现 在 admin 目录 下 prodl.asp 文件 中 ， 如 
图 11-26 所 示 。 
只 要 根据 数据 库 字 段 设 定好 要 提交 的 表单 进行 提交 编制 、 保 存 代码 即 可 。 
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11-26 添加 商品 页 面 


11.10.3 ”制作 管理 商品 页 面 


商品 管理 实现 对 已 保存 在 库 的 商品 进行 管理 ， 包 括 编辑 、 删 除 、 设 为 推荐 、 设 为 特 
价 ， 如 图 11-27 所 示 。 

单 击 【 编 辑 】 按 钮 可 以 对 商品 进行 编辑 。 通 过 【 设 为 推荐 】 按 钮 可 以 把 商品 推荐 到 首页 
推荐 区 。【 关 闭 】 按 钮 是 停止 该 商品 的 显示 ， 比 如 季节 性 产品 ， 在 季节 过 后 不 再 显示 ; 当下 
一 年 销售 季节 时 ，【 打 开 】 按 钮 可 再 显示 。 
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图 11-27 商品 管理 页 面 
11.11 实现 订单 管理 功能 


下 面 来 说 明 如 何 实现 订单 的 管理 功能 。 


11.11.1 制作 订单 管理 页 面 


在 网 络 购物 中 ， 最 核心 的 就 是 订单 的 管理 。 一 个 合理 的 订单 管理 流程 ， 能 大 大 提高 订单 
处 理 和 发 货 速度 。 本 系统 中 正常 订单 管理 的 流程 是 【新 订单 】 一 【已 确认 待 付款 】 一 【在 线 
支付 成 功 】 一 【已 发 货 待 收 货 】 一 【订单 完成 】。 另 外 ， 当 用 户 自行 取消 订单 时 ， 显 示 “ 会 
员 自 行 取消 ”; 当 审 核 信 息 不 全 无 法 更 正 时 ， 要 作为 “无 效 单 已 取消 ”进行 处 理 ， 如 图 11-28 
所 示 。 


订单 管理 

进 订单 号 全 疙 会 员 D 收 黄 人 权 名 下 单 时 间 订单 状态 
口 120g0617165561 5500 eeshi2 eshi2 2012-06-06 17:16.55 新 订单 
口 12080616594319 3200 ehi? ceshi2 2012-06-08 1659.43 新 订单 
口 12080815312648 3200 3 际 凡 灵 2012-06-05 15.31-26 新 订单 
口 12053100131405 18480 E23 114 2012-05-310:13:14 新 订单 
口 120521232004T 49750 [3 111 2012.05.21232004 新 订单 
口 国 虽 

总 订单 数 5 每 页 二 可 训 守 T 二 第 剧 共 价 


11-28 ”订单 管理 页 面 
订单 管理 页 面 为 admin 目录 orderl.asp 文件 。 在 订单 管理 中 ， 可 以 更 改 订单 的 各 种 状态 和 
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Dreamweaver+ASP 动 态 网 站 开发 
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删除 订单 。 在 进行 相关 操作 前 ， 需 要 先 检测 用 户 是 否 有 权限 处 理 。 权 限 检测 实现 代码 如 下 : 


<% 

sub checkmanage (str) 

Set mrs = conn.Execute("select * from manage where 
username='"&grequest .cookies ("buyok") ("admin")g"'") 
if not (mrs-bof and mrs.eof) then 

manage=mrs ("manage") 

if instr(manage,str)<=0 then 

response.write "<script language='javascript'>" 
response.write "alert(' 警 告 ; 您 没有 此 项 操作 的 权限 ! ');" 
response.write "location.href='quit.asp';" 
response.write "</script>" 

response.end 

else 

session("buyok admin login")=0 

end if 





else 

response.write "<script language='javascript'>" 
response.write "alert (' 没 有 登录 ， 不 能 执行 此 操作 ! ') ;" 
response.write "location.href='quit.asp';" 
response.write "</script>" 

response.end 

end if 

set mrs=nothing 

end sub 

%> 


订单 修改 过 程 实现 还 是 比较 简单 的 。 
状态 更 改 后 处 理 ， 代 码 如 下 : 


< 多 
userid=rs ("userid") 
OrderNum=rs ("OrderNum") 
if request.form("edit")="ok" then' 修 改 订单 状态 
set rs=Server.Createobject ("ADODB.Recordset") 
sql="select * from bOrderList where OrderNum='"&OrderNumg&"'" 
rs.Open sql,conn,1,3 
rs("LastModifytime")=now() 
if trim(request ("Memo"))<>"" then rs("Memo")=trim(request ("Memo")) 
if trim(request ("Status"))<>"" then rs("Status")=trim(request ("status")) 





要 注意 的 是 ， 如 果 采 取 会 员 积 分 ， 就 需要 在 订单 


set rstjr=conn.execute("select * from buser Where UserId='"&userid&"'") 
set rsjifensum=conn.execute("select * from bOrder where 
OrderNum="'"&OrderNumg"'") 

if request ("status")="99" then' 如 果 订 单 完 成 ， 更 新 会 员 积分 

Conn .execute ("update buser set totalsum= totalsum+"&rs ("ordersum")g&" 
Where userid='"guseridg""'") 

conn.execute("update buser set jifen= jifent"&rs("ordersum")&" where 
userid='"guseridg""'") 





set rs=nothing 
response.write "<script language='javascript'>" 
response.write "alert (' 操 作成 功 ， 您 已 经 修改 一 个 订单 。') ;" 
response.write 

"location.href='orderl .asp?action=listg&id="&request ("ID")&"';" 
response.write "</script>" 
response.end 

end if 

%> 


11.11.2 ”制作 订单 搜索 页 面 


订单 搜索 功能 对 订单 管理 来 说 也 是 必 不 可 少 的 。 在 数量 数 以 千 计 的 情况 下 ， 依 靠 分 页 进 
行 检索 订单 是 不 现实 的 。 订 单 搜索 就 是 通过 对 订单 过 程 中 的 几 个 主要 字段 进行 组 合 条 件 ， 在 
数据 库 中 筛 查 条 件 匹 配 的 订单 ， 如 图 11-29 所 示 。 


i 
根据 订单 状态 请 选 标 订 单 状 态 辣 
根据 订单 号 
根 秃 提 交 订 单 的 会 页 ID 
根据 收 从 人 姓名 
很 括 电 子 即 箱 
联系 电话 
相去 活 
相 所 联系 地 
术 据 邮政 编码 


第 
Conn .execute ("update buser set jifensum= es 
Jifensum+"&rsjifensum("jifensum")&”where userid="'"&useridg"'") 章 
end if 
网 
rs.update _ 上 | 
rs.close 购 
物 
系 
统 














根据 提交 订单 时 间 〇 3 天 〇 昨天 〇 一 周 〇 一 月 内 〇 全 部 
| 


和 
支持 模 精 要 过 ,可 根 闫 一 个 或 多 个 条 件 进行 提案 ， 夺 要 索 条 件 可 空 出 


11-29 ”订单 搜索 页 面 


筛选 条 件 包 括 订 单 状态 、 订 单 号 、 会 员 名 、 收 货 人 姓名 、 联 系 电话 、 订 单 提 交 时 间 等 。 
通过 这 些 关键 条 件 ， 能 快速 检索 出 要 查找 的 订单 。 


11.11.3 ”制作 订单 打印 页 面 


在 电子 商务 活动 中 ， 货 物 配 送 人 员 只 有 收 到 打印 出 来 的 订单 凭证 才能 发 货 ， 所 以 订单 打 
印 功 能 也 很 重要 。 订 单打 印 文件 是 admin 目录 下 order4.asp， 如 图 11-30 所 示 。 

通过 调整 表格 布局 和 定义 表格 的 样式 ， 使 表格 符合 打印 格式 ， 最 后 通过 window.print0 函 
数 进行 Web 页 打印 。 
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天 印 想 。 打印 时 间 : 201506-08 16.18:32 





订 间 :2015.05-07 1529:19 
订 香 宝 而 :2900 
订单 号: |15060715291923 























移动 电话 * | 15613906810 
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图 11-30 订单 打印 页 面 


11.12 后 台 其 他 功能 介绍 


作为 一 个 完善 的 网 站 ， 电 子 商 城 网 站 还 要 具有 管理 员 管 理 和 管理 员 权 限 设 定 管理 、 图 片 
广告 管理 等 功能 ， 如 图 11-31 所 示 。 这 些 功 能 都 可 以 在 网 站 后 台 左 侧 导 航 中 找到 ， 这 里 不 再 
有 具体 介绍 。 








现 有 管理 员 : 








11-31 ”管理 权限 页 面 效果 


信心 


> 
第 3 和 骗 
网 站 营销 推广 


和 9 第 12 章 网 站 搜索 引擎 优化 (SEO) 
和 第 13 章 网 站 推广 与 营销 策略 





搜索 引擎 优化 是 目前 被 广 为 关 注 的 网 络 营销 手段 ， 无 数 企业 和 个 人 站 长 参与 其 
中 ， 对 大 多 企业 来 说 ， 搜 索引 擎 优化 是 其 网 站 扬名 天 下 的 法 宝 。 针 对 搜索 引擎 优化 
新 手 ， 在 踏 入 搜索 引擎 优化 技术 殿堂 之 前 ， 先 充分 了 解 搜索 引擎 优化 的 基本 定义 、 


方向 、 优 势 和 误区 等 方面 的 内 容 ， 对 SEO 岗位 职责 有 一 
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Dreamweaver+ASP 动 态 网 站 开发 
en 案例 课堂 %~ 


12.1 初 识 搜索 引擎 优化 (SEO) 


搜索 引擎 优化 由 搜索 引擎 和 优化 两 个 部 分 组 成 ， 其 中 搜索 引擎 是 平台 ， 优 化 是 动作 。 通 
俗 地 讲 ， 搜 索引 擎 优化 就 是 通过 总 结 搜索 引擎 的 排名 规律 ， 对 网 站 进行 合理 优化 ， 使 网 站 
在 搜索 引擎 搜索 结果 中 排名 提高 ， 让 搜索 引擎 给 网 站 带 来 客户 。 


12.1.1 搜索 引擎 原理 


NN 做 SEO 虽然 不 需要 会 编程 ， 也 不 需要 技术 细节 ， 但 理解 搜索 引擎 的 基本 工作 原理 是 必需 


的 。 从 原理 出 发 ， 才 可 以 摸索 出 搜索 引擎 优化 更 深层 次 的 内 涵 。 
通常 情况 下 ， 搜 索引 擎 的 工作 大 体 上 可 以 分 为 4 个 阶段 。 


1. 爬行 和 抓 取 


我 们 知道 ， 搜 索引 擎 是 通过 对 大 量 网 页 进行 相关 性 排序 生成 查询 结果 的 ， 那 么 搜索 引擎 
第 一 步 要 做 的 是 通过 蜘蛛 程序 在 网 上 发 现 新 网 页 并 抓 取 文件 ， 建 立 海量 网 页 数据 库 。 这 个 程 
序 从 搜索 引擎 自身 数据 库 中 已 知 的 网 页 出 发 ， 像 正常 用 户 的 浏览 器 一 样 访问 已 存在 的 网 页 上 
的 链接 ， 并 把 访问 返回 的 代码 存 入 数据 库 。 

蜂 蛛 在 访问 已 知 的 网 页 后 ， 会 跟踪 网 页 上 的 链接 ， 从 一 个 页 面 咎 到 下 一 个 页 面 ， 整 个 过 
程 像 蜂 蛛 在 蜘蛛 网 上 移动 一 样 ， 这 就 是 搜索 引擎 蜘蛛 名 称 的 由 来 。 当 通过 链接 发 现 有 新 的 网 
址 时 ， 蜘 蛛 就 把 新 的 网 址 记 入 搜索 引擎 自己 的 数据 库 ， 等 待 抓 取 。 

整个 互联 网 由 无 数 相互 链接 的 网 站 及 页 面 组 成 ， 从 理论 上 说 ， 蜘 蛛 从 任何 一 个 页 面 出 发 
都 可 以 稚 行 抓 取 到 所 有 页 面 。 搜 索引 擎 蜘蛛 抓 取 的 页 面 文件 ， 往 往 与 用 户 浏 览 器 中 看 到 的 页 
面 大 不 相同 。 蜘 蛛 会 将 这 些 抓 取 的 网 页 文件 存 入 数据 库 ， 以 待 后 用 。 


人 理论 上 览 蛛 能 爬行 和 抓 取 所 有 页 面 ， 实 际 上 这 样 做 并 不 可 行 。 一 般 来 说 ， 蜂 

汽 蛛 只 抓 取 它 认为 重要 的 页 面 ， 如 网 站 和 页 面 权 重 高 、 更 新 速度 快 、 存 在 导入 链 
接 、 与 首页 点 击 距离 近 等 。SEO 的 工作 也 要 从 这 几 方 面 考虑 ， 才 能 吸引 蜘蛛 
抓 取 。 


2. 索引 


蜂 蛛 抓 取 的 原始 页 面 并 不 能 直接 用 于 查询 和 排序 ， 而 是 由 另外 一 个 程序 进行 网 页 文件 分 
解 、 分 析 ， 并 以 某 种 特定 的 形式 存 入 自己 的 庞大 数据 库 ， 这 个 过 程 就 是 索引 。 

在 索引 数据 库 中 ， 网 页 的 文字 内 容 ， 关 键 词 出 现 的 位 置 、 字 体 、 颜 色 等 信息 都 有 相应 的 
记录 。 索 引 一 般 包括 以 下 过 程 : 提取 文字 、 分 词 处 理 、 去 停止 词 、 消 除 噪声 、 去 重复 、 建 立 
索引 库 。 


3. 搜索 词 处 理 


经 过 索引 蜘蛛 抓 取 页 面 ， 搜 索引 擎 就 可 以 随时 处 理 用户 的 搜索 了 。 用 户 在 搜索 引擎 界面 
输入 关键 词 ， 单 击 【 搜 索 】 按 钮 后 ， 搜 索引 擎 程序 即 对 输入 的 搜索 词 进行 处 理 ， 如 图 12-1 所 示 。 
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这 个 处 理 过程 很 烦琐 ， 而 且 中 间 的 过 程 对 用 户 而 言 是 不 可 见 的 ， 也 是 搜索 引擎 的 核心 机 
密 之 一 。 常 见 的 搜索 词 处 理 包 括 中 文 的 分 词 、 去 停止 词 、 拼 写 错误 矫正 、 触 发 整合 搜索 等 ， 


(03S) 祥 守 岩 江洲 洲 基 到 需 引 小 


实时 热点 | 搜索 引擎 提交 入 口 
搜索 不 到 无 线 网 络 




















如 图 12-2 所 示 。 
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12-2 ”搜索 结果 
4. 排序 


对 搜索 词 进行 处 理 后 ， 搜 索引 擎 排序 程序 开始 工作 : 从 索引 数据 库 中 找 出 所 有 包含 搜索 
词 (或 称 关 键 词 ) 的 网 页 页 面 ， 并 且 根据 搜索 引擎 自己 的 排名 算法 ， 计 算出 哪些 网 页 应 该 排 在 搜 
索 结果 的 前 面 ， 哪 些 网 页 应 该 靠 后 。 然 后 搜索 引擎 会 按 一 定格 式 ， 将 这 些 经 过 排序 的 网 页 输 
出 到 搜索 结果 页 面 ， 提 供给 用 户 作为 最 终 的 搜索 结果 。 

通常 情况 下 ， 主 流 搜索 引擎 的 排序 过 程 只 需 极 短 的 时 间 ， 如 0.16 秒 ， 如 图 12-3 所 示 。 
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us 


SEO} SEOi 





图 12-3 ”搜索 结果 排序 
2-3 中 找到 结果 1 020 000 000 条 。 但 实际 上 用 户 并 不 需要 这 么 多 ， 排 序 程序 要 对 这 


么 多 文件 进行 处 理 也 要 花 很 长 时 间 ， 绝 大 部 分 用 户 只 会 查看 前 两 页 的 搜索 结果 ， 所 以 搜索 引 
擎 一 般 只 返回 1000 个 搜索 结果 ， 百 度 通常 返回 76 页 ，Google 通常 返回 100 页 ， 如 图 12-4 和 
图 12-5 所 示 。 








海 SE 网 站 优化 是 到 
守护 度 人 化 ， 网 站 优化 ， SEOWt, 搜 雪 3 | 尝 伐 ， En 同人 销 第 共和 和 ， 
公司 拥有 五 年 以 上 SEO 技 术 团 队 ， 专 业 ， 严 谨 ， 效 果 佳 。 免 费 咨询 400-676-2056 
Www wallsoo cn/ 2012-1-24 - 百度 快照 348 


提示 ， 为 了 提供 最 相关 的 结果 ， 我 们 省 略 了 一 些 内 容 相似 的 条 目 ， 点 击 这 里 可 以 看 到 所 有 搜索 结果 。 


《上 -页 66 67 68 69 70 71 72 73 74 75 76 找到 相关 结果 约 64.900.000 个 





图 12-4 百度 返回 结果 


州 seo 江苏 seo 网 站 seo - 有 i SEO - 
seo218 blog 163 com/ - 网 页 快照 
2010 年 12 月 1 日 -关键 词 排名 优化 服务 ,网 站 SEO 分 析 之 团购 网 ,网 站 优化 ，SEO 策略 为 
王 .有 道 腾达 浅 谈 SEO 的 发 展 趋势 .常州 SEO 江苏 SEO 网 站 优化 关键 词 排名 有 道 … 





seo 的 相关 搜索 
什么 是 seo seo 论坛 

eo 博客 seo 技术 
seo 优化。 seo 入 门 书籍 
seo 款 程 。 “seo 培训 
seo 工具 eo 和 


4aGCoooooooooogle 


止 二 到 91 92 93 94 95 96 97 98 99 100 


圾 





12-5 Google 返回 结果 


前 面 简单 介绍 了 搜索 引擎 的 工作 工程 ， 实 际 上 这 是 一 个 非常 复杂 的 过 程 ， 排 序 算 法 需要 


实时 从 索引 





数据 库 中 找 出 所 有 的 相关 页 面 、 实 时 计算 相关 性 和 加 入 过 滤 算 法 等 ， 其 复杂 程度 


是 外 人 无 法 想象 的 。 可 以 说 搜索 引擎 是 当今 规模 最 大 、 最 复杂 的 计算 系统 之 一 。 

从 搜索 引擎 的 基本 工作 原理 可 以 看 出 ， 在 整个 搜索 引擎 工作 的 过 程 中 ， 虽 然 搜 索引 擎 有 
足够 多 抓 取 的 网 页 、 有 自己 非常 好 的 排名 算法 、 有 很 强 的 运算 能 力 ， 但 是 它 仍 然 是 个 “ 程 
序 ”， 并 不 具备 人 的 思维 能 力 ， 所 以 对 网 页 内 容 的 理解 和 辨别 是 非常 困难 的 。 这 也 就 是 为 什 
么 很 多 时 候 使 用 搜索 引擎 往往 得 不 到 自己 确切 想 要 的 信息 的 原因 。 


12.1.2 ”搜索 引擎 优化 (SEO) 的 含义 


知道 搜索 引擎 的 工作 原理 后 ， 再 来 理解 搜索 引擎 优化 就 比较 容易 。 
搜索 引擎 优化 (Search Engine Optimization，SEO)， 是 指 通过 采用 易于 搜索 引擎 索引 的 合 
理 手段 ， 使 网 站 各 项 基本 要 素 适 合 搜索 引擎 的 检索 原则 并 且 对 用 户 更 友好 (Search Engine 
Friendly)， 从 而 更 容易 被 搜索 引擎 收录 及 优先 排序 。 通 俗 地 讲 ， 通 过 总 结 搜索 引擎 的 排名 
规律 ， 对 网 站 进行 合理 优化 ， 才 能 使 网 站 在 百度 和 Google 的 排名 提高 ， 让 搜索 引擎 给 你 
带 来 客户 ， 如 图 12-6 所 示 。 
Bai 人 全 百 展 新 可 网 页 贴吧 知道 MP3 图 片 视频 地 图 更 多 v 
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12-6 ”搜索 排名 


SEO 是 一 种 思想 ， 而 不 仅仅 是 针对 搜索 引擎 进行 单一 的 排名 优化 。SEO 思想 

外 应 该 贯穿 在 网 站 策划 、 建 设 、 维 护 全 过 程 的 每 个 细节 中 ， 需 要 网 站 设计 、 开 发 和 
推广 的 每 个 参与 人 员 充 分 了 解 ， 并 且 在 自己 日 常 的 工作 中 体现 出 搜索 引擎 优化 细 
节 ， 养 成 自然 的 优化 习惯 。 
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Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 %~ 


12.1.3 SEO 是 吸引 潜在 “眼球 ”的 最 佳 方法 


在 网 络 中 ，“ 了 眼球 效应 ”就 是 基本 法 则 ， 能 吸引 眼球 就 意味 着 能 带 来 收益 的 可 能 。SEO 
正 是 吸引 “眼球 ”的 最 佳 方法 。 

在 目前 的 网 络 中 ， 搜 索引 擎 无 疑 是 最 易于 引导 用 户 行为 的 媒介 ， 因 为 用 户 往往 是 产生 需 
求 ， 才 会 使 用 搜索 引擎 搜索 自己 想 要 的 内 容 。 而 搜索 引擎 的 目标 则 是 将 整个 互联 网 中 的 信息 
汇总 起 来 ， 给 用 户 返回 需要 的 信息 ， 便 于 用 户 进行 访问 。 正 是 基于 这 样 的 模式 ， 搜 索引 擎 优 
化 的 基本 目标 就 是 获得 相关 关键 词 的 优秀 排名 ， 以 便 用 户 快速 、 直 接地 寻找 到 自己 想 要 的 
内 容 。 


12.2 ”搜索 引擎 优化 的 目标 


如 果 只 是 简单 地 理解 搜索 引擎 优化 的 目标 ， 其 实 就 是 获得 更 好 的 排名 。 但 是 这 样片 面 地 
理解 是 不 利于 深入 学 习 搜 索引 擎 优化 技术 的 。 

总 体 而 言 ， 搜 索引 擎 优化 的 目标 是 “通过 过 程 贯彻 思想 ”: 从 网 站 策划 、 网 站 建设 到 网 
站 运营 ， 整 个 过 程 都 离 不 开 搜 索引 擎 优化 ， 每 个 环节 都 应 该 具备 优化 思想 。 


12.2.1 提升 网 站 访问 量 


提升 网 站 访问 量 最 简单 的 办 法 是 使 自己 的 网 页 排名 靠 前 ， 这 也 是 搜索 引擎 优化 最 常见 的 
目标 ， 就 是 在 搜索 引擎 许可 的 优化 原则 下 ， 通 过 对 网 站 中 代码 、 链 接 和 文字 描述 的 重组 优 
化 ， 加 上 后 期 对 该 优化 网 站 进行 合理 的 反 向 链接 操作 ， 最 终 实 现 被 优化 的 网 站 在 搜索 引擎 的 
检索 结果 中 得 到 更 靠 前 的 排名 ， 进 而 提高 点 击 率 ， 让 产品 更 多 地 展示 在 用 户 面前 。 

通过 搜索 排名 的 不 断 提 升 ， 网 站 可 以 获得 更 多 的 流量 ， 让 更 多 有 需要 的 用 户 进 行 访 问 ， 
如 图 12-7 所 示 。 








PV(Top100 示 源 访 容 访问 页 数 ) 
26461 








12-7 ”网 站 访问 量 


需要 特别 指出 的 是 ， 好 的 排名 不 一 定 产生 好 的 流量 ， 经 常会 有 排名 一 样 的 网 站 ， 有 的 网 
站 点 击 转化 率 高 达 5%， 而 有 的 不 到 0.5%， 这 也 敦促 我 们 要 改变 以 排名 为 目的 的 思想 。 


(03aS) 闪 衬 屋 也 泽 洪 号 习 几 z+ 小 站 


12.2.2 ”提升 用 户 体验 


除 获得 更 多 的 访问 量 外 ， 搜 索引 擎 优化 还 需要 通过 对 网 站 功能 、 网 站 结构 、 网 页 布局 、 
网 站 内 容 等 要 素 进 行 合理 设计 ， 使 得 网 站 内 容 、 功 能 、 表 现形 式 等 方面 ， 更 好 地 满足 用 户 体 
验 的 需求 ， 让 访问 者 和 潜在 客户 获得 自己 想 要 的 信息 ， 从 而 突出 网 站 自身 的 价值 。 

用 户 体验 方面 的 优化 点 很 多 ， 大 体 而 言 ， 经 过 用 户 体验 优化 的 网 站 ， 访 问 者 可 以 方便 地 
浏览 网 站 的 信息 、 使 用 网 站 的 服务 。 有 具体 表现 形式 很 广 ， 如 以 用 户 需 求 为 导向 的 网 站 设计 、 
网 站 导航 的 方便 性 、 网 页 打开 速度 更 快 、 网 页 布局 更 合理 、 网 站 信息 更 丰富 、 网 站 内 容 更 有 
效 和 网 站 形象 更 有 助 于 用 户 产 生 信任 等 。 


12.2.3 ”提高 业务 转化 率 


搜索 引擎 优化 的 最 终 目 标 还 是 在 优化 的 过 程 提高 业务 转化 率 ， 给 企业 带 来 生意 ， 提 升 企 
业 的 利润 。 这 一 点 是 最 重要 的 ， 特 别 是 一 些 SEO 新 手 ， 往 往 只 是 考虑 排名 或 者 用 户 体验 ， 而 
忽视 了 根本 目的 。 至 关 重 要 的 是 ， 排 名 和 用 户 体验 都 要 为 业务 转化 让 步 。 


12.3 ”搜索 引擎 优化 的 分 类 


目前 搜索 引擎 还 不 能 实现 搜索 结果 与 用 户 的 意图 准确 相关 ， 搜 索引 擎 各 种 算法 技术 还 在 
不 断 提升 中 ， 从 而 促使 搜索 引擎 优化 技术 不 断 进 步 、 不 断 改变 。 但 基本 原理 短 时 间 内 不 可 能 
有 根本 性 的 变化 ， 所 以 优化 还 是 有 迹 可 循 。 从 目前 搜索 引擎 自身 技术 的 发 展 来 看 ， 可 以 笼统 
地 将 搜索 引擎 优化 分 为 站 内 搜索 引擎 优化 和 站 外 搜索 引擎 优化 两 部 分 。 


12.3.1 站 内 搜索 引擎 优化 


站 内 搜索 引擎 优化 ， 简 单 地 说 ， 就 是 在 网 站 内 部 进行 搜索 引擎 优化 。 
对 网 站 所 有 者 来 说 ， 站 内 搜索 引擎 优化 是 最 容易 控制 的 部 分 ， 因 为 网 站 是 自己 的 ， 可 以 
根据 自己 的 需求 设 定 网 站 结构 ， 制 作 网 站 内 容 。 同 时 ， 投 入 成 本 也 是 可 以 控制 的 。 
站 内 搜索 引擎 优化 大 体 分 为 以 下 几 个 部 分 : 
。 ”关键 词 策 略 。 
域名 空间 优化 。 
网 站 结构 优化 。 
内 容 策 略 。 
内 部 链接 策略 。 
页 面 代码 优化 。 


12.3.2 ”站 外 搜索 引擎 优化 
与 站 内 搜索 引擎 优化 相 比 ， 站 外 搜索 引擎 优化 相对 而 言 更 单一 ， 但 是 难度 更 大 ， 效 果 也 
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Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 一 


更 直接 。 

站 外 搜索 引擎 优化 ， 也 可 以 说 是 脱离 站 点 自身 的 搜索 引擎 优化 技术 ， 命 名 源 自 外 部 站 点 
对 网 站 在 搜索 引擎 排名 的 影响 ， 这 些 外 部 的 因素 是 超出 站 长 的 直接 控制 的 。 

最 有 用 、 功 能 最 强大 的 外 部 优化 因素 就 是 反 向 链接 ， 即 通常 所 说 的 外 部 链接 ， 如 图 12-8 
所 示 。 


: 


36.569 
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图 12-8 网 站 外 部 链接 


互联 网 的 本 质 特征 之 一 是 链接 ， 毫 无 疑问 ， 外 部 链接 对 于 一 个 站 点 的 抓 取 、 收 录 、 排 名 
都 起 到 非常 重要 的 作用 。 


12.4 搜索 引擎 优化 的 误区 


搜索 引擎 优化 从 本 质 而 言 ， 是 一 种 提高 网 站 自身 质量 ， 提 升 内 容 含金量 的 技术 。 但 是 由 
于 受到 的 关注 比较 多 ， 人 气 比较 热 ， 网 络 上 的 论点 也 比较 繁杂 ， 所 以 导致 很 多 想 学 习 搜索 引 
擎 优化 的 新 手 进入 误区 。 


12.4.1 为 了 搜索 引擎 而 优化 


搜索 引擎 优化 很 多 时 候 只 是 一 种 手段 、 一 种 策略 ， 它 的 目标 表面 上 看 是 搜索 引擎 排名 ， 
但 是 实际 上 最 终 由 访客 判断 是 否 是 自己 的 需求 。 

有 一 些 SEO 新 手 ， 抱 着 “我 就 是 为 了 搜索 引擎 而 进行 的 优化 ! ”的 态度 ， 他 们 不 站 在 来 
访 用 户 的 角度 看 问题 ， 不 考虑 来 访 者 阅读 体验 、 浏 览 习 惯 ， 采 用 很 多 貌似 有 利于 搜索 引擎 的 
技术 ， 单 纯 地 为 了 搜索 引擎 而 进行 优化 。 这 种 没有 把 握 本 质 的 做 法 ， 是 走 不 远 的 。 

“为 了 优化 而 优化 ”的 例子 很 多 ， 比 如 时 下 火热 的 “ 伪 原 创 ” 就 是 很 好 的 例子 : 搜索 引 
擎 已 经 越 来 越 重 视 原 创 的 内 容 ， 但 是 很 多 网 站 主 并 没有 能 力 、 精 力 、 时 间 去 为 自己 的 网 站 原 
创 一 些 内 容 ， 所 以 就 采用 伪 原 创 程序 ， 为 自己 的 网 站 制作 可 以 欺骗 搜索 引擎 的 伪 原 创 内 容 。 

所 谓 “ 伪 原创 ”， 就 是 把 一 篇 文章 用 程序 进行 再 加 工 ， 使 其 让 搜索 引擎 认为 是 一 篇 原创 
文章 ， 从 而 提高 网 站 权重 。 这 些 伪 原创 工具 ， 通 常 通过 非常 生硬 的 词语 替换 、 段 落 调 整 、 语 





句 顺序 变换 等 方式 ， 将 一 篇 文章 改 得 面目 全 非 。 这 样 的 文章 ， 从 某 种 意义 上 说 ， 的 确 是 原创 
的 ， 但 却 是 任何 活生生 的 人 都 读 不 明白 的 拼凑 产品 。 这 样 的 文章 对 一 个 营销 网 站 而 言 ， 除 遭 
人 厌烦 ， 没 有 什么 意义 。 


12.4.2 ”听信 虚假 广告 


在 百度 和 Google 网 站 上 ， 可 以 找到 官方 给 出 的 搜索 引擎 优化 、 网 站 建设 建议 ， 相 同 的 一 
点 是 : 不 要 听信 那些 虚假 的 搜索 引擎 优化 广告 。 

在 百度 官方 的 站 长 问题 解答 中 ， 关 于 SEO 虚假 广告 ， 有 这 样 的 内 容 。 

不 要 因为 SEO 以 下 的 说 法 ， 而 冒险 将 自己 的 网 站 托付 给 他 们 随意 处 置 : 

A. 我 和 百度 的 人 很 熟 ， 想 怎么 干 就 怎么 干 ， 没 风险 。 

B. 我 是 搜索 引擎 专家 ， 对 百度 的 算法 一 清二 楚 ， 玩 玩 火 也 不 要 紧 。 

C. 我 把 xxx、yyy、zzz 这 些 关键 词 都 搞 到 第 一 了 ， 所 以 我 是 牛人 啊 ! 

上 述 内 容 可 以 在 http://www.baidu.com/search/guide.html#2 查 到 ， 如 图 12-9 所 示 。 


4， 我 请 一 些 “SE0” 来 为 我 的 网 站 或 者 网 页 做 优化 ， 会 有 什么 后 果 ? 
答 ， 合理 的 搜索 引擎 优化 ， 参 见 百度 的 “给 站 长 的 建站 建议 ”。 
外 界 很 多 打 着 SE0 旗 号 的 公司 或 者 个 人 ， 也 许 能 为 您 的 网 站 带 来 短期 的 排序 收益 ， 但 和 
法 来 提高 排名 ， 甚 至 会 利用 您 的 资源 进行 他 们 个 人 的 运营 项 目 ， 最 终 导致 您 的 利益 受 损 , 
不 要 因为 S80 们 以 下 的 说 法 ， 而 冒险 将 自己 的 网 站 托付 给 他 们 随意 处 取 ; 
A 我 和 百度 的 人 很 熟 ， 想 怎么 干 就 怎么 干 ， 没 风险 。 
B。 我 是 搜索 引擎 专家 ， 对 百度 的 算法 一 清二 楚 ， 玩 玩 火 也 不 要 紧 。 
C. 我 把 xxx、yyy、zzz 这 些 关键 词 都 搞 到 第 一 了 ， 所 以 我 是 牛人 啊 ! 














图 12-9 百度 站 长 问题 解答 


在 Google 的 官方 网 站 管理 员 指 南 中 ， 同 样 可 以 看 到 类 似 关 于 虚假 SEO 广告 的 内 容 。 

没有 人 可 以 保证 在 Google 排名 第 一 。 

如 果 SEO 宣称 可 以 确保 您 名 列 前 茅 ， 或 声称 与 Google 有 特殊 关系 ， 可 以 优先 向 
Google 提交 您 的 网 站 ， 千 万 不 要 相信 。Google 从 来 都 没有 优先 提交 一 说 。 实 际 上 ， 向 
Google 直接 提交 网 站 的 唯一 方式 就 是 通过 我 们 的 添加 网 址 页 或 提交 Sitemap。 您 可 以 自己 完 
成 这 些 工作 ， 无 须 支付 任何 费用 。 

上 述 内 容 可 以 在 http://www.Google.com/support/webmasters/bin/answer.py?hl=cn&answer= 
35291 看 到 。 

除 上 面 的 这 一 点 ，Google 关于 虚假 SEO 广告 的 建议 还 有 很 多 。 

目前 在 中 国 ， 有 很 多 从 事 搜索 引擎 优化 的 公司 。 这 些 公司 良 劳 不 齐 ， 有 非常 优秀 的 专业 
SEO 团队 ， 也 有 无 数 号 称 “ 给 多 少 钱 就 可 以 排 在 某 某 搜索 引擎 第 一 位 、 第 一 页 ”的 皮包 公 
司 。 作 为 网 站 站 长 、 公 司 负责 人 ， 最 明智 的 做 法 就 是 不 要 听信 这 些 虚 假 广告 ， 对 搜索 引擎 优 
化 有 正确 的 认识 ， 在 这 个 路 上 没有 捷径 ， 没 有 途径 可 以 达到 “多 快 好 省 ”的 目的 。 
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12.4.3 


-案例 课堂 由 一 


急于 求 成 


搜索 引擎 优化 是 一 个 比较 缓慢 、 需 要 坚持 不 懈 的 行为 ， 一 般 从 建站 到 收录 可 能 需要 一 个 
月 左右 。 对 于 一 个 不 出 名 、 权 重 不 高 的 站 点 ， 搜 索引 擎 不 会 每 天 都 光顾 ， 亡 想 十 天 半月 就 能 
通过 搜索 引擎 优化 排 到 某 个 热门 搜索 词 第 一 位 ， 这 是 不 切合 实际 的 。 如 果 要 对 网 站 进行 优 
化 ， 要 做 好 思想 准备 ， 往 往 花 了 两 三 个 月 才 把 一 个 词 排 到 首页 ， 可 能 第 二 天 它 又 名 落 孙 山 ， 
跌 到 首页 之 外 。 搜 索引 擎 有 非常 多 的 排名 算法 ， 这 些 算 法 都 是 商业 机 密 ， 以 前 不 会 彻底 公 
布 ， 以 后 也 不 会 公开 。 而 且 这 些 排名 算法 还 在 不 断 变化 中 ， 对 于 热门 关键 词 又 有 很 多 公司 在 
进行 着 不 懈 的 优化 ， 不 改进 就 倒退 ， 这 是 必然 的 ， 所 以 用 急于 求 成 的 心态 去 面 对 搜索 引擎 优 
化 是 不 可 取 的 。 

对 那些 有 足够 的 资金 预算 并 且 准备 利用 搜索 引擎 做 营销 的 网 络 营销 者 (公司 ) 来 说 ， 最 好 的 
方法 是 直接 做 付费 的 搜索 引擎 广告 ， 这 样 即 使 是 一 个 今天 刚刚 推出 的 网 站 ， 明 天 就 可 以 出 现 
在 某 些 搜索 词 的 结果 的 第 一 位 。 注 意 要 直接 采用 搜索 引擎 官方 的 广告 合作 方式 ， 而 不 是 找 一 
个 中 介 公司 去 做 这 些 事情 ， 比 如 直接 参与 Google 的 AdWords 或 者 百度 推广 ， 如 图 12-10 和 
图 12-11 所 示 。 


EE ec rrov sr von 
次 迎 使 用 AdWords1 
制作 前 个 广告 系列 it# 一 1 





全 用 入 站 
CO 1 sim ~ 

。 加 全 辽 忆 有 村 对 性 广告 守 7 
Emr emt EE 


@ Yin ' 


下 
， 各 需 沈 暂 提 佚 的 广告 系列 流 壬 支 的 ， 请 数 条 电话 。 400.810-9010[ 直 在 中 国 ?) 
snes ，。 可 于 类 所 有 基本 如 记 友 ?请 查看 我们 


和 
。 相 于 找 AdWerds 认证 合作 伯伯 来 管 理 交 执 中 户 ? 请 颖 用 针 们 的 合作 供 件 纲 和 
合作 供 们 。 


给 更 帮助 
适用 于 有 经 验 的 广告 客户 回 稳 履 育 胁 于 改 关 广告 时 的 定 凋 和 未 及 优 到 信息 ， 
问 续 履 育 关 好 人 他 法 及 AdWYorcs 新 产品 评 人 坟 汪 的 AdWords 人 要。 


图 12-10 Google 的 AdWords 
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12-11 百度 推广 


对 于 普通 的 网 站 站 长 ， 在 没有 太 多 预算 的 情况 下 ， 通 过 自己 的 双手 进行 合理 的 搜索 引擎 
优化 ， 是 最 方便 也 是 最 好 的 推广 手段 一 一 在 养 成 搜索 引擎 优化 思想 之 后 ， 你 会 发 现 即使 花费 
较 少 的 投入 ， 也 可 以 获得 很 好 的 优化 效果 。 


12.4.4 采用 黑 帽 手法 


黑 帽 手法 是 指使 用 作弊 手段 或 一 些 可 疑 手 段 进 行 搜索 引擎 优化 ， 相 应 SEO 也 被 分 为 黑 帆 
SEO 和 白 帽 SEO 两 种 。 

黑 帽 SEO 的 存在 也 是 迎合 了 部 分 网 站 所 有 者 低 投入 、 高 回报 的 心理 需求 。 有 些 SEO 从 
业者 为 短期 利益 而 采用 作弊 方法 影响 搜索 引擎 的 排名 结果 ， 但 随时 会 因为 搜索 引擎 算法 的 改 
变 、 搜 索引 擎 发 现 作弊 手法 而 面临 惩罚 ， 对 于 网 站 所 有 者 来 说 是 得 不 偿 失 的 。 

搜索 引擎 最 大 的 机 密 在 于 排名 算法 ， 而 这 些 算法 不 可 能 是 绝对 完美 的 ， 很 可 能 在 偶然 的 
情况 下 被 人 发 现 缺陷 。 利 用 搜索 引擎 算法 的 缺陷 ， 就 可 能 在 短期 内 获得 非常 好 的 排名 一 一 但 
这 绝对 不 长 入 ， 而 且 黑 帽 SEO 带 来 的 恶果 也 同样 让 人 奴 怖 。 

常见 的 黑 帽 SEO 手法 有 隐藏 网 页 、 关 键 词 堆 砌 、 垃 圾 链接 、 桥 页 、 群 发 链接 等 。 如 下 代 
码 是 通过 隐藏 链接 进行 作弊 : 

<div class="show mt8"><div Class="XXCCVV" 

id="xxccvv"><script>document .write('<style> .Fgb798 

{ display:none; }</style>')</script> 

<p> <a href='http://www.xxx.com/gznz/' target=' blank' 

style='color:#000000'> 肛 周 脓肿 </a> 通 常 是 由 于 不 合理 的 生活 习惯 造成 的 。<a 

href='http://www.xxx.com/gznz/' target=' blank' style='color:#000000'> 肛 周 脓 

肿 </a> 的 临床 表现 是 什么 ?这 是 大 家 比较 关注 的 问题 ， 了 解 <a 

href='http://www.xxx.com/gznz/' target=' blank' style='color:#000000'> 肛 周 用 

肿 </a> 的 临床 表现 可 以 进行 自我 诊断 ， 及 早 到 正规 医院 进行 治疗 。<div class='Fgb798'><a 

href="http://www.xxx.com/glu/"> 肛 瘘 </a></div></p> 

<p>gnbsp; <div class='Fgb798'><a href="http://www.jngcyy.com/glu/"> 肛 瘘 

</a></div></p> 

</div> 

针对 搜索 引擎 优化 作弊 ， 每 个 搜索 引擎 都 有 一 套 自己 的 发 现 、 惩 罚 机 制 ， 也 提倡 所 有 搜 
索引 擎 使 用 者 举报 作 次 站 点 。 

干 万 不 要 以 为 搜索 引擎 不 会 发 现 你 的 作 潍 方法 。 在 过 去 的 无 数 黑 帽 SEO 例子 中 ， 搜 索引 
擎 的 反应 速度 都 是 极为 快速 的 。 一 旦 被 搜索 引擎 确定 为 作 浆 ,搜索 引擎 可 能 对 你 的 网 站 进行 
降 权 处 理 ， 或 者 删除 收录 、 以 后 不 再 收录 等 惩罚 措施 。 对 一 个 想 要 长 期 、 稳 定 进行 运营 的 网 
站 而 言 ， 这 样 的 结果 无 疑 是 不 能 承受 的 。 


12.5 ”正确 理解 SEO 





搜索 引擎 优化 之 所 以 在 目前 的 网 络 上 如 此 火热 ， 搜 索引 擎 对 网 民 的 引导 作用 是 原因 之 
一 。 另 外 非常 重要 的 一 个 方面 是 任何 网 络 营销 者 、 网 站 站 长 都 可 以 参与 到 搜索 引擎 优化 中 ， 
并 通过 自己 的 优化 ， 提 升 营 销 业 绩 ， 推 广 网 站 品牌 。 相 比 搜索 引擎 广告 投入 而 言 ， 这 种 投入 
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产 出 是 很 吸引 人 的 。 
12.5.1 SEO 不 是 作 整 


SEO 给 人 的 第 一 印象 就 是 网 上 大 量 的 广告 链接 和 留言 板 里 让 人 生 厌 的 广告 垃圾 ， 大 家 都 
认为 这 是 SEO 干 的， 就 连 一 些 从 事 互 联网 行业 的 人 也 持 有 这 样 的 观点 。 这 就 是 早期 SEO 作 
网 泛滥 给 大 家 造成 的 不 好 印象 。 真 的 SEO 不 是 作弊 ， 是 受 搜索 引擎 欢迎 的 ， 是 搜索 引擎 的 朋 
友 。 一 个 高 质量 的 稿件 被 正确 推荐 出 来 ， 也 正 是 搜索 引擎 想 要 实现 的 目的 ， 关 键 在 于 优化 的 
内 容 是 否 恰如其分 地 体现 稿件 的 价值 。 值 得 一 提 的 是 ，Google 有 很 多 员工 在 博客 、 论 坛 中 很 
活跃 ， 发 布 信息 、 回 答 问题 ， 积 极 参 与 搜索 引擎 营销 行业 大 会 ， 以 某 种 形式 指导 站 长 做 
SEO。 百 度 也 于 2010 年 4 月 开通 了 半 官 方 的 百度 站 长 俱乐部 ， 针 对 SEO 有 关 问 题 做 出 


可 答 


合 。 

















12.5.2 SEO 内 容 为 王 


SEO 以 内 容 为 基础 。 无 论 怎么 优化 提升 排名 ， 如 果 内 容 与 关键 词 没 有 很 强 的 关联 ， 对 促 
进 业 务 的 转化 是 没有 任何 益处 的 ， 反 而 浪费 宝贵 的 带宽 和 流量 资源 。 只 有 优秀 的 内 容 ， 再 加 
上 恰如其分 的 优化 处 理 ， 这 样 才能 被 来 访 者 使 用 。 


12.5.3 SEO 与 SEM 关系 


SEM(Search Engine Marketing) 中 文 意思 是 “搜索 引擎 营销 ”。SEM=SEO+PPC，SEO 现 
在 已 经 不 仅仅 是 一 种 网 站 优化 的 技术 了 ， 而 演进 成 一 种 网 络 营销 方式 ， 所 以 可 以 这 样 说 ， 
SEO 和 PPC 在 一 个 网 站 互相 配合 ， 共 同 为 这 个 平台 获得 的 收益 服务 。 所 以 很 多 资源 都 可 以 共 
享 ， 如 关键 词 库 等 。SEO 和 PPC 的 目的 都 一 样 ， 只 是 一 个 投入 技术 资源 、 一 个 投入 钱 。 这 样 
看 来 SEO 适合 那些 资金 不 宽裕 的 小 公司 ，SEM 适合 资金 充裕 有 一 定 实力 的 公司 。 


12.5.4 SEO 与 竞价 推广 关系 


前 面 已 经 介绍 了 SEO 与 SEM 的 区 别 ， 竞 价 推广 也 是 SEM 付费 营销 的 一 个 方法 ， 实 施 效 
果 明 显 、 快 捷 ， 与 SEO 也 是 相互 协同 的 关系 ， 共 同 为 网 站 营 收服 务 。 
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不 怕 埠 子 深 。” 但 是 一 个 再 好 的 网 站 ， 如 果 埋 没 在 互联 网 中 ， 


不 进行 任何 的 宣传 ， 要 想 被 人 发 现 是 非常 困难 的 。 本 章 主 要 介绍 网 络 营销 推广 的 党 
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用 方法 和 技巧 ， 为 网 站 脱颖而出 、 创 造价 值 做 好 准备 。 



































> 
2 








人 铭 428 


Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 一 


13.1 网 站 推广 常用 方法 


很 多 网 站 制作 者 花费 了 很 多 时 间 精 力 去 制作 网 站 ， 结 果 网 站 发 布 之 后 ， 每 天 的 访客 没有 
几 个 ， 根 本 带 不 来 商业 机 会 ， 究 其 原因 就 是 没有 做 好 宣传 推广 。 在 当今 互联 网 信息 爆炸 的 时 
代 ， 推 广 宣传 对 网 站 是 否 能 运作 下 去 是 至 关 重 要 的 。 


13.1.1 什么 是 网 站 推广 


网 站 推广 即 网 络 推广 ， 就 是 在 网 上 把 自己 的 产品 利用 各 种 手段 、 各 种 媒介 推广 出 去 ， 使 
自己 的 企业 能 获得 更 多 、 更 大 的 利益 。 


13.1.2 ”网 站 营销 推广 的 方法 


1. 搜索 引擎 营销 


搜索 引擎 营销 包括 两 种 ， 一 个 是 付费 搜索 引擎 广告 ， 另 一 个 是 免费 搜索 引擎 优化 。 

搜索 引擎 优化 是 近年 来 较为 流行 的 网 络 营销 方式 ， 主 要 目的 是 在 搜索 引擎 中 增加 特定 关 
键 字 的 曝光 率 以 增加 网 站 的 能 见 度 ， 进 而 增加 销售 的 机 会 。 

一 般 情 况 下 ，SEO 分 为 站 外 SEO 和 站 内 SEO 两 种 。SEO 的 主要 工作 是 通过 了 解 各 类 搜 
索引 擎 如 何 抓 取 互联 网 页 面 、 如 何 进 行 索引 ， 以 及 如 何 确定 其 对 某 一 特定 关键 词 的 搜索 结果 
排名 等 技术 来 对 网 页 进行 相关 的 优化 ， 使 其 提高 搜索 引擎 排名 ， 从 而 提高 网 站 访问 量 ， 最 终 
提升 网 站 的 销售 能 力 或 宣传 能 力 的 技术 。 

搜索 引擎 营销 (Search Engine Marketing，SEM) 是 一 种 网 络 营销 的 模式 ， 目 的 在 于 推广 网 
站 ， 增 加 知名 度 ， 通 过 搜索 引擎 返回 的 排名 结果 来 获得 更 好 的 销售 或 者 推广 渠道 。 

简单 来 说 ， 搜 索引 擎 营销 就 是 基于 搜索 引擎 平台 的 网 络 营 销 ， 利 用 网 民 对 搜索 引擎 的 依 
赖 和 使 用 习惯 ， 在 检索 信息 时 尽 可 能 将 营销 信息 传递 给 目标 客户 ， 国生 本 所 
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图 13-1 百度 搜索 引擎 搜索 结果 





2. 网 站 广告 


在 网 站 上 做 Banner、Flash 广告 推广 ， 是 一 种 传统 的 网 络 推广 方式 。 此 类 广告 ， 宣 传 目标 
人 群 面 比较 广 ， 不 像 搜 索 竞价 那样 能 锁定 潜在 目标 客户 群 。 目 前 ， 网 站 广告 是 国内 新 浪 、 搜 
狐 、 网 易 等 门户 网 站 的 主要 盈利 网 络 营销 方式 。 如 图 13-2 所 示 为 搜狐 网 站 。 
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图 13-2 网 站 广告 











3. 网 络 新 闻 


网 络 新 闻 是 突破 传统 的 新 闻 传 播 概念 ， 在 视 、 听 、 感 方面 给 受众 全 新 的 体验 。 它 将 无 序 
化 的 新 闻 进 行 有 序 的 整合 ， 并 且 大 大 压缩 了 信息 的 厚度 ， 让 人 们 在 最 短 的 时 间 内 获得 最 有 效 
的 新 闻 信 息 。 不 仅 如 此 ， 未 来 的 网 络 新 闻 将 不 再 受 传统 新 闻 发 布 者 的 限制 ， 受 众 可 以 发 布 自 
己 的 新 闻 ， 并 在 短 时 间 内 获得 更 快 的 传播 ， 而 且 新 闻 将 成 为 人 们 互动 交流 的 平台 。 网 络 新 闻 
将 随 着 人 们 认识 的 提高 向 着 更 深 的 层次 发 展 ， 这 将 完全 颠覆 网 络 新 闻 的 传统 概念 。 

最 成 功 案例 之 一 是 “封杀 王老吉 ”的 网 络 新 闻 ， 如 图 13-3 所 示 。 














上 发 表 于 2008-5-23 12:41 | 只 看 语 作 看 入 打 四 ”4 太 TT 楼 主 
4 全 网友 们 行动 起 来 ， 封 亲王 老 十 ! ! 

Pea 王老吉 ， 你 够 狠 ! 捐 一 个 亿 现 安 ! ! 

. bE 太守 行动 记 来 吧 ， 今 年 夏天 不 喝 水 ， 喝 水 就 跟 王 老 吉 ! ! 


发动 大 家 的 力量 ， 起 市 里 有 一 惫 ， 买 一 捷 ! 坚 添 把 王 考 志 封 杀 在 从 仓 原 到 上 货架 的 除 上 | ! 买 光 ， 抢 光 ， 踢 光 ! ! 
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2008 年 5 月 18 日 晚 ， 央视 举 办 了 “ 爱 的 奉献 一 一 2008 抗震 救灾 募捐 晚会 ”， 王 老 吉 向 
地 震 灾区 捐款 1 亿 元 人 民 币 ， 创 下 国内 最 高 单 笔 捐 款 人 额度。 王老吉 相关 负责 人 表示 : “此 时 
此 刻 ， 加 多 宝 集团 、 王 老 吉 的 每 一 名 员工 和 我 一 样 ， 虔 诚 地 为 灾区 人 民 祈 福 ， 和 希望 他 们 能 早 
日 离 苦 得 乐 ”。 此 后 ， 关 于 “王老吉 捐款 1 亿 元 ”的 新 闻 迅 速 出 现在 各 大 网 站 ， 成 为 人 们 关 
注 的 焦点 。 在 各 大 论坛 上 也 遍布 “让 王老吉 从 中 国 的 货架 上 消失 ! 封 杀 他 !” 为 标题 的 帖子 。 网 
友 称 ， 生 产 饶 装 王老吉 的 加 多 宝 公司 向 地 震 灾区 捐款 1 亿 元 ， 这 是 迄今 国内 民营 企业 单 笔 捐 
款 的 最 高 纪录 ，“ 为 了 “整治 "这 个 器 张 的 企业 ， 买 光 超市 的 王老吉 ! 上 一 馈 买 一 铅 ! ”虽然 题 
目 打 着 醒目 的 “封杀 ”二 字 ， 但 读 过 帖子 的 网 友 都 能 明白 ， 这 并 不 是 真正 的 封杀 ， 而 是 “号 


NN 召 大 家 去 买 ， 去 支持 ”。 甚 至 有 网 友 声称 “要 买 得 王老吉 在 市 场 脱销 ， 加 班 加 点 生产 都 不 够 
: 供应 ”。 


4. 微 博 推 广 


微 博 营销 是 刚刚 推出 的 一 个 网 络 营销 方式 ， 随 着 微 博 的 火热 ， 即 催生 了 相关 的 营销 方 
式 ， 就 是 微 博 营销 。 由 于 微 博 兴起 不 久 ， 很 多 营销 技巧 还 没有 被 验证 ， 所 以 造成 很 多 人 进入 
微 博 营销 的 误区 ， 不 但 没有 获得 好 的 营销 效果 ， 还 往往 适得其反 。 

通过 微 博 营销 ，《 失 恋 33 天 》 电 影 大 获 成 功 ， 如 图 13-4 所 示 。 














文章 温 : 时 间 有 限 ， 有 机 会 再 跟 大 家 多 聊 ! 希望 11 月 8 日 各 位 朋友 部 走 进 影院 ,支持 
《失恋 33 天 》! 


日 19:42 玫 目 夺 讯 疝 伍 全 部 转播 和 评论 (10864) 殖 播 “评论 更 多 ~ 
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刘 产 来 ; # 提 问 失态 33 天 # 听 说 你 们 两 位 以 前 是 同学 ， 上 学 时 看 情 怎么 祥 ? 了 
2011 年 10 月 31 日 14:59 采 目 朋 读 当 情 全 部 转 鼻 和 评论 (1289) 


2011 年 11 有 4 日 18;41 未 自 是 讯 折 二 竺 播 (957) ”评论 (95) ”更 多 
文章 霹 车 播 : 谢谢 大 伙 捧 场 啊 … 
小 昨 加 :5 提问 失恋 33 天 = 文 哥 ， 括 你 中 必须 的 4 高 兴 时 ， 看 廊 哥 的 出 性 心 时 听 文 机 的 到。 
设 半 儿 时 ， 看 文 哥 的 电影 4 必须 的 | 


011 年 11 月 4 日 18;40 来 目 丑 讯 油 竺 播 (1594] ”评论 (208) ”更 多 * 
图 13-4 ” 微 博 营销 案例 

5. 论坛 推广 

论坛 推广 有 时 也 称 为 论坛 营销 ， 它 是 一 种 网 络 营销 的 策略 。 其 实质 就 是 网 络 营销 者 利用 
论坛 这 种 网 络 交流 的 平台 ， 通 过 文字 、 图 片 、 视 频 等 方式 发 布 产 品 和 服务 的 信息 ， 从 而 让 目 
标 客户 更 加 深刻 地 了 解 产 品 和 服务 ， 最 终 达 到 宣传 产品 品牌 、 加 深 市 场 认 知 度 的 目的 。 

简 而 言 之 ， 论 坛 营销 就 是 在 论坛 上 发 布 文章 ， 并 用 讨论 、 跟 帖 的 方式 进行 用 户 引导 。 这 
些 发 布 的 文章 、 讨 论 的 文字 都 是 经 过 精心 策划 的 ， 具 有 引导 用 户 行为 、 推 广 产品 等 特点 ， 最 
后 的 目的 是 希望 用 户 去 了 解 产 品 、 购 买 服务 ， 如 图 13-5 所 示 。 
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图 13-5 论坛 推广 案例 


安 琪 酵母 公司 通过 策划 《由 一 个 馒头 引发 的 婆 媲 大战》 事件， 利用 网 友 的 争论 以 及 企业 
有 意识 的 引导 ， 把 产品 的 特性 和 功能 诉求 详细 地 告知 潜在 的 消费 者 ， 引 起 关注 并 激发 购 
买 欲 。 

当然 还 有 很 多 其 他 推广 方法 ， 这 里 不 一 一 列举 了 。 


13.2 ”搜索 引擎 营销 


13.2.1 搜索 引擎 优化 的 优势 


为 什么 搜索 引擎 营销 在 网 络 营销 中 可 以 取得 很 优秀 的 成 绩 呢 ? 这 要 从 搜索 引擎 营销 的 优 
势 说 起 。 
1. 潜在 客户 都 在 使 用 搜索 引擎 


搜索 引擎 营销 SEM 获得 成 功 的 最 根本 原因 之 一 是 潜在 客户 (搜索 者 ) 会 购买 产品 。33% 的 
搜索 者 在 进行 购物 ， 并 且 44% 的 网 民利 用 搜索 站 点 来 为 购物 做 调查 。 根 据 2011 年 中 国 互联 网 
络 信息 中 心 (CNNIC) 发 布 的 《中 国 搜索 引擎 用 户 行为 研究 报告 》 显 示 ， 中 国 搜索 引擎 用 户 规 
模 达 5 亿 ， 搜 索引 擎 在 网 民 中 的 使 用 率 达 79.49%。 这 是 一 个 巨大 的 市 场 ， 谁 能 在 这 场 营销 中 
占 得 先 机 ， 谁 就 能 获得 成 功 。 

2. 搜索 引擎 营销 SEM 的 成 本 低 、 效 率 高 

在 国内 ， 企 业 为 付费 搜索 产生 的 每 次 点 击 付出 约 为 1 元 ， 并 且 成 本 可 控 ， 随 时 可 以 取消 
竞价 ， 相 比 其 他 传统 媒体 动 轰 数 以 万 计 的 投资 ， 搜 索引 擎 营销 的 投入 成 本 和 转化 率 在 各 种 广 


告 形式 中 都 处 于 比较 靠 前 的 优秀 位 置 。 
目前 ， 在 所 有 营销 手段 中 ， 搜 索引 擎 营销 产生 的 每 个 有 效 反馈 的 成 本 最 低 。 
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3. 搜索 引擎 营销 是 一 种 趋势 


互联 网 堪 称 是 20 世纪 以 来 影响 整个 世界 的 最 伟大 发 明 。 在 互联 网 的 带动 下 ， 人 们 一 下 子 
进入 了 一 个 皆 新 的 信息 爆炸 时 代 ， 各 种 各 样 的 知识 和 信息 层出不穷 ， 令 人 眼花 综 乱 。 面 对 浩 
瀚 的 信息 海洋 ， 人 类 所 面临 的 最 大 困扰 是 :如 何在 尽 可 能 短 的 时 间 里 ， 找 到 最 想 要 的 东西 ? 

搜索 引擎 技术 的 出 现 和 发 展 ， 让 这 一 切 变 得 简单 。 

借助 搜索 引擎 ， 知 识 的 获取 变 得 容易 起 来 ， 每 个 人 都 可 以 轻而易举 地 在 互联 网 上 找到 所 
求 ， 这 些 知 识 涉及 社会 和 自然 科学 的 方方面面 。 可 以 说 ， 搜 索引 擎 的 问世 ， 拉 近 了 各 种 地 
域 、 阶 层 和 职业 的 人 们 与 信息 之 间 的 距离 ， 在 消除 信息 鸿沟 和 加 速 知识 进化 过 程 中 发 挥 着 越 
来 越 重要 的 作用 ; 可 以 肯定 地 说 ， 搜 索引 擎 将 成 为 社会 和 自然 科学 研究 的 重要 平台 ， 在 推进 
传统 经 济 向 数字 化 经 济 迈进 的 中 贡献 出 了 巨大 力量 。 

另外 ， 来 自 艾 瑞 咨 询 的 数据 也 从 整体 上 肯定 了 国内 搜索 行业 的 表现 。 根 据 艾 瑞 的 报告 
以 运营 商 营 收 总 和 计算 ， 单 就 2015 年 第 三 季度 国内 搜索 市 场 规模 就 达到 18 亿 元 ， 同 比 增长 
了 75%。 在 这 样 的 情况 下 ， 几 乎 所 有 行业 的 营销 人 员 都 加 入 各 种 形式 的 搜索 引擎 营销 如 果 想 
要 在 激烈 的 商业 竞争 中 脱颖而出 ， 进 行 搜索 引擎 营销 是 必需 的 。 


13.2.2 ”搜索 引擎 优化 常规 方法 


因为 搜索 引擎 营销 分 为 免费 的 搜索 引擎 优化 和 付费 的 搜索 广告 ， 所 以 对 网 络 营销 者 而 
言 ， 进 行 搜索 引擎 营销 也 有 3 种 选择 : 

@ 有 SEO 技术 的 ， 可 以 免费 进行 搜索 引擎 优化 ， 获 得 搜索 引擎 营销 的 助力 。 

e@ “有 资金 预算 的 ， 可 以 参与 付费 的 搜索 引擎 广告 SEM。 

@ 有 技术 又 有 一 定 资金 的 ， 可 以 采取 SEO 和 SEM 同步 进行 。 

下 面 来 说 明 如 何 对 应 网 站 进行 搜索 引擎 的 优化 。 搜 索引 擎 优化 (SEO) 既 是 一 项 技术 性 较 强 
的 工作 ， 也 是 一 项 同 产品 特点 息息相关 ， 需 要 经 常 分 析 和 寻求 外 部 合作 的 工作 。 

实践 证 明 ， 搜 索引 擎 优化 不 仅 能 让 网 站 在 搜索 引擎 上 有 良好 的 排名 表现 ， 而 且 能 让 整个 
网 站 看 上 去 轻松 明快 ， 页 面 高 效 简洁 ， 目 标 客户 能 够 直 奔 主题 ， 网 站 更 容易 发 挥 沟通 企业 与 
客户 的 最 佳 效果 。 

搜索 引擎 优化 从 总 体 技术 而 言 ， 可 以 分 为 两 个 方面 进行 ， 分 别 是 站 内 搜索 引擎 优化 和 站 
外 搜索 引擎 优化 。 


1. 站 内 搜索 引擎 优化 


站 内 搜索 引擎 优化 ， 简 单 地 说 ， 就 是 在 网 站 内 部 进行 搜索 引擎 优化 。 

对 网 站 所 有 者 来 说 ， 站 内 搜索 引擎 优化 是 最 容易 控制 的 部 分 ， 因 为 网 站 是 自己 的 ， 可 以 
根据 自己 的 需求 ， 设 定 网 站 结构 ， 制 作 网 站 内 容 。 从 搜索 引擎 优化 的 整体 效果 来 看 ， 站 
内 SEO 很 重要 ， 并 且 投 入 成 本 也 可 以 控制 。 但 是 知识 点 比较 繁多 ， 有 很 多 细节 比较 容易 
被 忽略 。 

站 内 搜索 引擎 优化 大 体 分 为 以 下 几 部 分 。 





1) “关键 词 策略 

我 们 知道 ， 在 搜索 引擎 中 检索 信息 都 是 通过 输入 查找 内 容 的 关键 词 或 句子 ， 然 后 由 搜索 
引擎 进行 分 词 在 索引 库 中 查找 来 实现 的 。 因 此 关键 词 在 搜索 引擎 中 的 位 置 至 关 重要 ， 它 是 整 
个 搜索 过 程 中 最 基本 也 是 最 重要 的 一 步 ， 也 是 搜索 引擎 优化 中 进行 网 站 优化 、 网 页 优化 的 基 
础 。 这 样 的 定位 描述 凸显 了 关键 词 的 作用 。 

关键 词 确定 应 考虑 以 下 几 个 因素 : 内 容 相 关 、 主 关键 词 不 可 太 宽泛 、 主 关键 词 不 要 太 特 
殊 、 站 在 访客 角度 思考 、 选 择 竞争 度 小 且 搜索 次 数 多 的 关键 词 。 

2) ”域名 优化 

域名 在 网 站 建设 中 拥有 很 重要 的 作用 ， 它 是 联系 企业 与 网 络 客户 的 纽带 ， 就 好 比 一 个 品 
牌 、 商 标 一 样 拥有 重要 的 识别 作用 ， 是 站 点 与 网 民 沟通 的 直接 渠道 。 所 以 一 个 优秀 的 域名 应 
该 能 让 访问 者 轻松 地 记忆 ， 并 且 快 速 地 输入 。 一 个 优秀 的 域名 能 让 搜索 引擎 更 容易 地 给 予 权 
重 评级 ， 并 连带 着 提升 相关 内 容 关 键 词 的 排名 。 所 以 说 ， 选 了 一 个 好 域名 ， 能 让 你 的 企业 在 
建站 之 初 抢 占 先 机 。 应 选择 易 记 忆 、 有 内 涵 、 易 输入 的 域名 。 

3) “主机 优化 

主机 是 网 站 建立 必需 的 一 个 环节 ， 特 别 是 虚拟 主机 ， 更 需要 进行 优化 。 通 常 选择 主机 时 
考虑 以 下 几 点 因素 : 安全 稳定 性 、 连 接 数 、 备 份 机 制 、 自 定义 404 页 面 、 服 务 。 

4) “网 站 结构 优化 

网 站 结构 是 SEO 的 基础 。 常 常 SEO 人 员 对 页 面 问题 讨论 比较 多 ， 比 如 页 面 关 键 词 分 布 
等 ， 而 对 网 站 结构 讨论 比较 少 ;其 实 网 站 结构 的 优化 比 页 面 优 化 更 重要 ， 也 更 为 复杂 。 另 一 
个 原因 是 SEO 人 员 对 网 站 程序 代码 不 熟悉 ， 没 法 深层 次 地 优化 调整 。 

在 网 站 结构 优化 过 程 中 ， 应 该 注意 以 下 几 点 : 用 户 体验 提升 、 权 重 分 配 、 锚 文字 优化 、 
网 站 物理 结构 优化 、 内 部 链接 优化 。 

5) 内 容 策略 

如 果 网 站 上 提供 的 内 容 和 别 的 站 点 一 模 一样 ， 没 有 丝毫 新 意 ， 甚 至 是 抄袭 的 ， 这 样 的 内 
容 无 疑 很 难 留 住 有 需求 的 潜在 客户 。 要 知道 ， 网 络 的 开放 性 决定 任何 客户 都 可 以 极为 方便 地 
进行 各 种 信息 比较 ， 没 有 价值 的 复制 内 容 很 难 让 客户 产生 信任 并 继续 浏览 下 去 。 相 反 ， 如 果 
网 站 提供 的 内 容 都 是 独特 的 、 有 价值 的 ， 能 切实 满足 潜在 客户 某 方面 需求 ， 能 将 价值 中 肯 地 
表达 出 来 ， 这 样 的 内 容 往往 能 获得 潜在 用 户 的 支持 、 信 任 ， 最 终 为 提高 转化 率 加 分 ， 并 逐渐 
形成 自己 的 权威 品牌 ， 进 入 网 站 良性 发 展 的 轨道 。 

内 容 优化 时 ， 应 遵循 以 下 原则 : 坚持 原创 、 转 载 有 度 、 杜 绝 伪 原 创 。 

6) ”内 部 链接 策略 

对 搜索 引擎 优化 新 手 而 言 ， 或 多 或 少 都 知道 网 站 外 部 链接 可 以 提高 网 站 权威 ， 进 而 促使 
排名 ， 这 是 正确 的 观点 。 但 是 ， 很 多 SEO 将 外 部 链接 当成 网 站 优化 的 全 部 ， 这 就 是 非常 错误 
的 观点 。 

合理 的 内 部 链接 策略 可 以 极 大 地 提升 网 站 的 SEO 效果 (尤其 是 大 型 网 站 )， 搜 索引 擎 优化 
不 应 该 忽略 站 内 链接 所 起 到 的 巨大 作用 。 

内 部 链接 优化 应 该 注意 以 下 几 点 : 尊重 用 户 的 体验 、URL 的 唯一 性 、 尽 量 满足 3 次 点 击 
原则 、 使 用 文字 导航 、 使 用 锚 文 本 。 
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7) 页 面 代码 优化 

网 站 结构 的 优化 是 站 在 整个 网 站 的 基础 上 看 问题 ， 而 页 面 优化 是 站 在 具体 页 面 上 看 问 
题 。 因 为 网 页 是 构成 网 站 的 基本 要 素 ， 只 有 每 个 网 页 都 得 到 较 好 的 优化 ， 才 能 带 来 整个 网 站 
的 优化 成 功 ， 也 才能 带 来 更 多 有 用 的 流量 。 

页 面 代码 优化 时 ， 通 常 考虑 以 下 几 点 : 页 面 布局 的 优化 、 标 签 优化 、 关 键 词 布局 与 密 
度 、 代 码 优 化 、URL 优化 。 


2. 站 外 搜索 引擎 优化 


外 部 链接 ( 见 图 13-6) 表 达 的 是 一 种 投票 机 制 ， 也 就 是 网 站 之 间 的 信任 关系 。 比 如 ， 网 站 A 
的 某 个 页 面 中 有 一 个 指向 网 站 B 中 某 个 页 面 的 链接 ， 则 对 搜索 引擎 来 说 ， 网 站 A 的 这 个 页 面 
给 网 站 B 的 页 面 投 一 票 ， 网 站 A 的 页 面 是 信任 网 站 B 的 这 个 页 面 的 。 


Links to your site 


Domains Total links 
cnr.cn 7,570 
xyvtc.cn 282 
hnlungcancer.com.cn 272 
99.com.cn 183 
goodjk.com 165 


More > 





图 13-6 ”外 部 链接 


搜索 引擎 在 抓 取 互联 网 繁多 页 面 的 基础 上 ， 根 据 网 页 之 间 的 链接 关系 ， 统 计 出 每 个 网 站 
的 每 个 网 页 得 到 的 外 部 链接 投票 数量 ， 从 而 可 以 计算 出 页 面 的 外 部 链接 权重 : 
ee 页 面 得 到 的 外 部 链接 投票 越 多 ， 其 重要 性 就 越 大 ， 外 部 链接 权重 就 越 高 ， 同 等 条 件 
下 关键 词 排名 就 越 靠 前 ; 
e ”页面 得 到 的 外 部 链接 投票 越 少 ， 其 重要 性 就 越 小 ， 外 部 链接 权重 就 越 低 ， 同 等 条 件 
下 关键 词 排 名 就 越 靠 后 。 
因为 搜索 引擎 认为 外 部 链接 是 很 难 被 肆意 操控 的 ， 所 以 目前 的 搜索 引擎 都 将 外 部 链接 的 
权重 作为 主要 的 关键 词 排名 算法 之 一 。 也 正 是 因为 搜索 引擎 的 投票 机 制 ， 所 以 就 导致 外 部 链 
接 在 搜索 引擎 优化 中 起 到 最 重要 的 一 个 作用 一 一 提高 网 页 权重 。 
外 部 链接 经 常 使 用 在 线 工具 、 新 闻 诱饵 、 创 意 点 子 、 发 起 炒作 事件 、 幽 默 笑话 等 方法 。 


13.2.3 ”付费 搜索 引擎 营销 的 4 个 关键 步骤 


与 免费 的 SEO 相 比 ， 付 费 搜 索引 擎 营销 更 适合 那些 有 一 定 预算 和 投入 的 网 络 营 销 者 ， 不 
过 投入 后 得 到 的 效果 也 不 错 。 








通常 情况 ， 付 费 搜索 引擎 营销 包含 4 个 步 又， 如 图 13-7 所 示 。 


是 否 适合 付费 搜索 


选择 适合 产品 的 搜索 引擎 


a 本 
机 


图 13-7 ”付费 搜索 引擎 的 步骤 
1. 分 析 某 产品 是 否 适 合 付费 搜索 引擎 营销 


不 管 是 竞价 排名 也 好 ， 关 键 词 广告 也 好 ， 本 身 并 不 能 决定 交易 过 程 的 实现 ， 只 是 为 潜在 
客户 发 现 产品 信息 提供 一 个 渠道 或 者 机 会 ， 由 此 可 见 ， 网 站 、 网 店 建设 是 网 络 营销 的 平台 基 
础 ， 没 有 扎实 的 基本 功 ， 什 么 先进 的 网 络 营销 手段 都 不 会 产生 明显 的 营销 效果 。 

所 以 在 决定 要 投入 费用 进行 付费 搜索 引擎 营销 之 前 ， 应 该 首先 考虑 的 问题 是 自己 的 网 
站 、 网 店 是 否 已 经 做 了 基础 的 建设 ， 是 否 可 以 卖 出 产品 。 如 果 答 案 是 否定 的 话 ， 应 该 在 调整 
好 网 站 之 后 ， 再 进行 付费 搜索 引擎 营销 。 

另外 ， 某 些 行业 由 于 受 国家 直接 控制 ， 基 本 上 属于 垄断 性 的 行业 ， 比 如 石油 和 煤炭 行 
业 ， 这 些 行业 的 开发 生产 型 企业 就 没有 必要 做 竞价 排名 和 关键 词 广告 。 而 网 络 服 务 、IT 产品 
生产 和 销售 等 企业 最 适合 做 付费 搜索 引擎 营销 。 


2. 选择 适合 产品 的 搜索 引擎 


在 同样 的 价格 条 件 下 ， 应 尽量 选择 用 户 数量 比较 多 的 搜索 引擎 ， 这 样 被 检索 和 浏览 的 效 
率 会 高 一 些 。 但 如 果 同 一 关键 词 参与 竞价 的 网 站 数量 较 多 ， 如 果 排 名 靠 后 ， 反 而 会 降低 营销 
效果 ， 因 此 还 应 综合 考虑 多 种 因素 来 决定 性 价 比 最 高 的 搜索 引擎 。 

就 目前 的 搜索 引擎 营销 来 看 ， 选 择 的 余地 无 外 乎 百度 和 Google。 上 有 具体 选择 方法 ， 营 销 者 
可 以 通过 实际 测试 ， 看 具体 效果 进行 选择 。 

在 可 能 的 情况 下 ， 也 可 以 同时 在 若干 个 搜索 引擎 同时 开展 竞价 排名 ， 这 样 更 容易 比较 各 
个 搜索 引擎 的 效果 。 


3. 根据 资金 情况 适量 购买 付费 服务 


实际 上 ， 即 使 在 同一 个 行业 ， 由 于 用 户 使 用 一 个 关键 词 也 是 有 一 定 分 散 性 的 ， 仅 仅 选 择 
一 个 关键 词 所 能 产生 的 效果 是 有 限 的 。 比 较 理 想 的 方式 是 ， 如 果 营 销 预 算 许 可 ， 选 择 3 一 5 个 
用 户 使 用 频率 最 高 的 关键 词 同时 开展 竞价 排名 活动 ， 这 样 有 可 能 覆盖 60% 以 上 的 潜在 用 户 ， 
取得 收益 的 机 会 将 大 大 增加 。 

此 外 ， 在 关键 词 的 选择 方面 也 应 进行 认真 的 分 析 和 设计 ， 热 点 的 关键 词 价格 较 高 ， 如 果 
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用 几 个 相关 但 价格 较 低 的 关键 词 蔡 代 ， 也 不 失 为 一 种 有 效 的 方式 。 
4. 提高 转化 率 
搜索 引擎 营销 的 目的 就 是 让 潜在 客户 到 达 你 的 网 站 ， 而 到 达 网 站 之 后 的 事情 就 需要 网 站 
自身 的 质量 了 。 在 付费 搜索 引擎 营销 中 ， 如 何 恰当 地 提高 点 击 率 ， 吸 引 最 有 希望 产生 购买 的 
客户 是 很 重要 的 功课 。 
在 目前 的 付费 搜索 引擎 营销 中 ， 有 以 下 几 个 方面 能 比较 有 效 地 提高 点 击 率 与 销售 的 转 
化 率 。 
® ”做 好 网 站 (网 店 ): 在 网 络 营销 中 ， 营 销 平台 的 选择 绝对 是 非常 重要 的 ， 也 是 我 们 一 再 
强调 的 重点 。 有 一 个 确实 能 很 方便 地 让 潜在 客户 买 到 自己 需要 产品 网 站 的 基础 上 ， 
: 再 做 付费 搜索 引擎 营销 是 提高 转化 率 的 最 佳 方法 。 
。 ”精准 定位 ， 所 谓 精 准 定位 ， 是 指 搜索 引擎 营销 中 出 现 的 广告 ， 点 击 之 后 应 该 直接 到 
达 和 搜索 关键 词 相 匹配 的 页 面 。 在 搜索 引擎 营销 中 ， 网 页 内 容 与 搜索 关键 词 具有 相 
关 性 极为 重要 ， 如 果 在 百度 或 Google 上 就 某 些 关 键 词 进行 宣传 ， 在 用 户 输入 那些 关 
键 词 并 登录 网 站 后 ， 应 该 能 正确 地 进入 与 关键 词 相关 的 网 页 的 位 置 。 因 此 ， 如 果 用 
户 在 百度 中 输入 “鲜花 ”， 你 的 广告 就 会 显示 出 来 ， 继 续 点 击 就 可 以 进入 一 个 涉及 
并 出 售 “ 鲜 花 ” 的 网 页 上 ， 而 不 应 是 在 网 站 的 主页 或 者 与 鲜花 无 关 的 网 页 上 。 
e ”跟踪 与 分 析 : 网 络 广告 的 特点 是 可 以 很 方便 地 跟踪 广告 效果 ， 通 过 网 络 营销 软件 、 
网 站 流量 分 析 系 统 等 ， 网 络 营销 人 员 应 该 监控 搜索 引擎 营销 报告 ， 并 找 出 那些 转换 
率 较 高 的 搜索 词 、 删 除 那些 转换 率 低 的 搜索 语 。 
在 实际 的 付费 搜索 引擎 营销 中 ， 网 络 营销 人 员 应 该 反复 进行 上 述 各 个 步骤 ， 不 断 提高 转 
化 率 ， 用 最 少 的 资金 投入 ， 获 取 最 大 的 利润 。 


13.3 论坛 营销 
下 面 介绍 如 何 进行 论坛 营销 。 
13.3.1 论坛 营销 的 5 大 特点 
综合 而 言 ， 论 坛 营销 有 如 下 特点 。 
1. 利用 论坛 人 气 推 广 传播 


利用 论坛 的 超 高 人 气 ， 可 以 有 效 地 为 网 络 营 销 者 提供 传播 、 推 广 服务 。 由 于 论坛 话题 的 
开放 性 ， 网 络 营销 者 几乎 所 有 的 营销 诉求 都 可 以 通过 论坛 传播 得 到 有 效 的 实现 。 


2. 综合 运用 各 种 论坛 表现 形式 


论坛 营销 往往 都 具有 专业 的 论坛 帖子 和 策划、 撰写、 发放、 监测、 汇报 流程 ， 并 且 综 合 运 
用 各 种 论坛 的 置顶 帖 、 普 通 帖 、 连 环 帖 、 论 战 帖 、 多 图 帖 、 视 频 帖 等 方式 进行 。 
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3. 论坛 营销 具有 很 强 的 互动 性 


论坛 营销 具有 强大 的 聚众 能 力 ， 网 络 营销 者 可 以 将 论坛 作为 平台 ， 举 办 各 类 踩 楼 、 灌 
水 、 贴 图 、 视 频 等 活动 ， 调 动 网 友 与 品牌 之 间 的 互动 。 


4. 论坛 营销 往往 会 借助 事件 进行 炒作 


在 论坛 营销 中 ， 不 管 是 针对 热点 事件 ， 还 是 小 范围 内 的 事件 ， 都 会 和 网 络 事件 扯 上 关 
系 。 网 络 营销 者 通过 炮制 网 民 感 兴趣 的 事件 ， 将 品牌 、 产 品 、 活 动 内 容 植 入 论坛 帖子 ， 并 展 
开 持 续 的 传播 效应 ， 引 发 新 闻 事件 ， 导 致 传播 的 连锁 反应 。 


5. 论坛 营销 会 借助 搜索 引擎 扩张 


论坛 营销 会 运用 搜索 引擎 为 自己 的 推广 服务 ， 不 仅 使 内 容 能 在 论坛 上 有 好 的 表现 ， 在 主 
流 搜索 引擎 上 也 能 够 快速 寻找 到 发 布 的 帖子 ， 吸 引 更 多 的 潜在 用 户 关注 。 

论坛 营销 发 展 到 今天 ， 已 经 创造 了 许多 神话 般 的 成 功 案例 ， 让 人 记忆 犹 新 的 经 典 案例 
“天 仙 MM” 就 是 其 中 之 一 。 一 个 羌族 美 少 女 仅 用 了 一 个 月 的 时 间 就 迅速 抓 住 了 成 千 上 万 网 
民 的 眼球 ， 成 为 网 络 红 人 ， 网 友 们 称 她 为 “天 仙 MM”。 天 仙 MM 的 横 空 出 世 源 于 一 组 在 网 
上 转 帖 率 极 高 的 照片 ， 如 图 13-8 所 示 。 





13-8 ”天仙 MM 


2005 年 8 月 7 日 ， 国 内 某 著 名 网 站 的 汽车 论坛 出 现 了 一 个 名 为 “单车 川 藏 自驾 游 之 惊 见 
天 仙 MM” 的 主题 帖 ， 发 帖 人 浪迹 天 涯 何 处 家 (网 名 ) 以 文 配 图 的 形式 发 布 了 一 组 四 川 理 县 羌族 
少女 的 生活 照 ， 立 刻 在 论坛 引起 麦 动 。 照 片 中 的 羌族 少女 一 袭 民族 盛装 ， 以 其 自然 清新 的 面 
容 、 略 显 神秘 的 气质 引 来 无 数 网 友 的 赞叹 。 照 片 拍摄 者 浪迹 天 涯 何 处 家 更 是 在 帖子 中 写 满 了 
洲 美 之 词 : “无 论 远 看 近视 ， 羌 妹子 举手投足 都 有 一 种 美感 ， 与 所 处 环境 对 比 ， 给 人 一 种 严 
重 而 且 强 烈 的 不 真实 感 。” 

没 过 多 久 ， 此 帖 就 开始 在 各 大 论坛 之 间 流 传 开 来 ， 并 广 为 转 载 。 一 些 网 站 在 没有 加 精 、 
置顶 的 情况 下 ， 帖 子 点 击 数 在 一 天 内 况 超 过 了 10 万 次 。 为 方便 网 友 参 与 讨论 ， 腾 讯 公司 还 特 
地 为 天 仙 MM 提供 了 两 个 新 QQ 号 ， 作 为 她 与 网 友 直 接 交 流 的 一 个 专用 平台 。 此 后 一 些 门户 








六 加 


一 沸 著 喇 朵 十 谎 卉 到 世 8 小 上 上 






IGG 


二 
‘7@ 





Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 由 一 


网 站 也 被 天 仙 MM 的 人 气 所 折服 ， 纷 纷 在 首页 辟 出 专栏 隆重 推出 。 在 网 络 的 推动 下 ， 天 仙 
MM 迅速 成 为 网 络 红 人 。 

天 仙 MM 的 超 强人 气 引发 了 巨大 的 商业 价值 。2005 年 9 月 ， 天 仙 MM 接受 四 川 省 理 县 
政府 的 邀请 担任 理 县 旅游 大 使 ， 此 后 的 10 月 2 日 ， 理 县 接待 来 自 全国 各 地 的 旅游 者 约 13 000 
人 次 ， 创 造 了 理 县 旅游 日 接待 人 数 的 新 高 。10 月 ， 天 仙 MM 又 成 为 中 国电 信 四 川 阿坝 州 分 公 
司 代言 人 以 及 西南 最 大 门户 网 站 天 府 热线 网 站 代言 人 。2006 年 3 月 ， 天 仙 MM 正式 成 为 国际 
品牌 索尼 爱立信 手机 形象 代言 人 ， 到 今天 天 仙 MM 已 在 多 个 电视 剧 里 参 演 。 这 也 是 网 络 红 人 
成 功 走 入 国际 品牌 商业 领域 的 第 一 人 ， 天 仙 MM 凭借 她 独特 的 气质 做 到 了 “有 价 有 市 ”。 


NN 13.3.2 论坛 营销 的 5 大 优势 


对 网 络 营销 者 来 说 ， 论 坛 营销 具有 非常 多 的 优点 ， 这 些 优 点 绝 大 部 分 都 适用 于 任何 网 络 
营销 者 ， 包 括 刚 刚 起 步 的 网 络 营销 新 手 。 


1. 目标 群体 庞大 


根据 CNNIC 的 数据 统计 ， 中 国 拥有 约 200 万 个 BBS 论坛 ，2010 年 论坛 社区 的 用 户 已 达 
1.4 亿 。 中 国 论坛 数量 为 全 球 第 一 ， 论 坛 已 经 成 为 中 国 网 民 最 常用 的 一 种 沟通 平台 ， 有 近 50% 
的 中 国 网 民 经 常 使 用 论坛 。 

以 “百度 贴吧 ”为 例 ， 网 民 可 以 随时 为 某 一 话题 设立 专门 的 论坛 ， 任 何 对 此 事件 感 兴趣 
的 网 民 都 可 以 到 论坛 发 表 言 论 和 图 片 ， 平 均 每 天 发 布 新 帖 200 多 万 条 。 

现在 的 论坛 ， 几 乎 每 条 受 网 民 关 注 的 话题 后 面 都 有 跟 帖 ， 热 门 事件 、 焦 点 新 闻 的 跟 帖 经 
常 突 破 几 十 万 条 。 比 如 ， 红 极 一 时 的 “ 贾 君 鹏 事件 ”， 在 短 短 的 时 间 内 ， 单 是 百度 贴吧 中 的 
页 君 鹏 吧 ， 就 拥有 主题 数 12 705 个 ， 帖 子 数 209 188 篇 ， 访 问 者 更 是 不 计 其 数 ， 如 图 13-9 









































所 示 。 
0 新 国 BT 贴吧 知道 MP3 图 片 视 绩 百村 

Bai We 贾 垦 胸 

5。 6 地 版 戎 忆 

共有 主题 数 12705 个 , 贴 子 数 209188 篇 ， 要 氏家 流 数 10671 
Bz234sszasy fr nen 

13-9 ”百度 贴吧 
2. 受众 精准 


网 络 论坛 都 有 自己 的 主题 ， 如 关注 手机 、 关 注 母 虹 、 关 注 时 事 等 ， 这 些 有 明确 方向 的 论 
坛 聚集 起 来 的 访问 者 无 疑 也 是 具有 精确 目标 的 访问 者 。 所 以 论坛 营销 可 以 以 明确 的 受众 作为 
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基础 ， 避 免 在 不 适合 的 地 方 出 现 不 适合 的 内 容 。 

另 一 方面 ， 论 坛 用 户 中 年 轻 网 民 的 比例 非常 之 高 ， 上 班 族 、 学 生 是 绝对 的 中 坚 力量 。 这 
些 年 轻 群 体 正 是 网 络 购物 的 核心 受众 ， 他 们 普遍 拥有 不 错 的 收入 来 源 ， 购 买 力 强 ， 消 费 需求 
也 很 旺盛 ， 绝 对 是 最 容易 转化 的 潜在 客户 。 

3. 成 本 低廉 


论坛 营销 与 传统 营销 相 比 ， 成 本 低廉 到 难以 想象 的 地 步 。 
如 果 厂 商 想 要 在 电视 节目 上 投放 广告 ， 花 费 无 疑 是 巨大 的 ， 要 知道 某 些 电视 频道 的 黄金 
时 间 广 告 价格 ， 高 到 让 人 吃惊 的 地 步 ， 如 图 13-10 所 示 。 


2012 年 CCTV-1 综 合 频道 时 段 刊 例 价格 





单位 ， 人 民 币 元 /次 
了 i JE [1 2 | 35 | : ] 
各 | 者 出 [a | | 255 
天 议 食 后 的 06:09 10,700 | 16,000 | 20,000 | 27,200 | 32,000 | 36,000 
朝 闻 天 下 前 欧 06:56 19,200 | 28,800 | 36,000 | 49,000 | 57,600 4, 800 








= 到 06:32 20, 300 | 30,400 | 38,000 | 51,700 | 60,600 | 65,400 
药 09:20 23,700 35, 600 44, 500 60, 500 71,200 $80, 100 

司 10:12 1,200 | a0,800 | 51,000 | 59,400 | 31,600 | 91,800 
一 机 二 扬 第 二 梨 巾 厂 ET 2 700 | 1,600 | 52,000 | 710,700 | 53,200 93, 600 



















































一 两 二 EIED 32,500 | 48,800 | 61,000 | 55,000 | 97,600 | 109,800 

条 闻 50 丰 前 ET 45,900 | 68,800 | 56,000 | 117 000 | 137,600 | 154 800 

今日 说 法 前 欧 12:32 45,900 | 58,800 | 86,000 | 117,000 | 137,600 | 154,800 

二 13505 95,000 | 60,000 | 15,000 | 102,000 | 120,000 | 135,000 

下 午 精 咒 节 目前 药 15:08 40,000 | 60,000 | 75,000 | 102,000 | 120,000 | 135,000 

Ey 到 13:59 31,700 | 47,600 | 59,500 | 60,900 | 95,200 | 107,100 

| 第 一 傅 古书 志保 间 一 药 14:52 30,400 | 45,600 | 57,000 | 77,500 | 91,200 102, 600 
CMR | Wid:53 | 31,7100 | 41,600 | 59,500 | #0,900 | 95,200 | 107,100 | 

[十 一 人 情 珊 用 也 如 间 二 二 1694 30,400 | 45,600 | 57,000 | 17,500 | 91,200 | 102,600 

下 车 精 而 节目 一 药 16:42 26,000 | 39,000 | 48,800 | 56,400 | 78,100 87, 800 

下 十 精品 节目 二 到 17:03 26,000 | 39,000 | 48,800 | 66,400 | 78,100 | 87,800 

下 午 精 避 闻 目 三 药 17:23 26,000 | 39,000 | 48,800 | 66,400 | 78,100 87, 800 

下 十 精 砚 闻 目下 本 17540 30,400 | 45,600 | 57,000 | 77,500 | 9l200 | 102,600 





下 二 精品 节目 五 药 17:57 31,700 | 47,600 | 59,500 | 80,900 | 95,200 107, 100 
页 到 档 刷 场 第 一 集 巾 所 机 20:01 ,700 | 137, 600 | 172,000 | 233,900 | 275,200 | 509 600 

| 页 全 相册 场 第 一 集 下 集 预 告 前 药 20:50 54,300 | 126,400 | 158, 000 | 214,900 | 252,800 | 284,400 

贡 全 条 剧 取信 





















































到 20:52 82,700 124, 000 | 155,000 | 210,800 | 248,000 279, 000 

关 全 档 剧 场 第 二 课 巾 乒 区 20:56 5, 300 | 128,000 | 160,000 | 217,600 | 256,000 | 288,000 

| 机 全 和 出场 第 二 集 下 课 预 告 前 到 21:50 75,700 | 113,600 | 142,000 | 193,100 | 227,200 | 255,600 
责 鱼 姜 出 声 后 区 21:53 71,500 | 107,200 | 134,000 | 182,200 | 214,400 | 241,200 

名 牌 时 间 的 21:56 69, 300 104, 000 | 130,000 | 176,800 | 208,000 234, 000 


图 13-10 CCTV-1 的 部 分 广告 报价 


S 上 图 为 中 央 电 视 台 CCTV-1 的 部 分 广告 报价 ， 在 CCTV 官方 网 站 上 提供 公开 
SS 。 查询 ， 有 兴趣 的 读者 可 以 下 载 研究 。 


仔细 看 这 个 报告 可 以 看 出 : 在 CCTV-1 晚上 20:00 一 22:00 之 间 ，5 秒 广告 的 最 高 价格 是 
91 700 元 ， 最 低 是 69 300 元 ; 30 秒 广告 最 高 价格 是 309 600 元 ， 最 低 是 234 000 元 。 

这 种 营销 成 本 对 一 般 的 小 企业 、 个 人 网 络 营销 者 来 说 ,无疑 是 无 法 承受 的 “ 痛 ”。 但 
是 ， 如 果 采 用 论坛 营销 ， 将 整个 中 国 网 民 群 体 和 电视 观众 相 比 的 话 ， 受 众 范围 也 并 不 小 ， 而 
且 优势 是 几乎 不 需要 任何 成 本 。 

对 大 品牌 的 公司 来 说 ， 找 到 有 经 验 的 专业 论坛 营销 公司 推广 某 种 产品 ， 往 往 价格 并 不 
高 ， 服 务 却 非常 好 ; 对 普通 的 个 人 网 络 营销 者 而 言 ， 要 推广 自己 网 站 、 网 店 上 的 产品 ， 每 天 
抽出 几 十 分 钟 ， 成 本 几乎 可 以 忽略 不 计 。 


隶 站 区] 站 LT 下 毫 号 司 需 8} 小 而 前 
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4. 传播 迅速 


论坛 营销 中 ， 参 与 的 每 个 网 民 不 仅 是 信息 的 接收 者 ， 同 时 还 是 信息 传递 的 节点 一 一 “一 
传 十 、 十 传 百 ”就 是 这 个 意思 。 

以 前 要 传递 某 种 新 鲜 事物 ， 往 往 借助 报纸 、 电 视 等 传统 传播 渠道 。 但 是 网 络 发 展 越 来 越 
快 之 后 ， 网 络 传播 无 疑 已 经 成 为 最 快 的 途径 。 比 如 ， 汶 川 大 地 震 ， 第 一 个 传递 出 消息 的 是 一 
个 名 不 见 经 传 的 小 网 站 ， 随 后 各 大 主流 门户 网 站 、 电 视 媒 体 才 跟 进 。 

在 论坛 营销 中 ， 如 果 内 容 恰 到 好 处 ， 引 起 很 多 网 民 的 共鸣 ， 这 些 网 民 会 无 私 地 将 这 个 内 
容 共享 给 自己 的 朋友 圈子 ， 或 者 将 这 个 内 容 发 布 在 自己 的 博客 、 空 间 中 一 一 这 种 传播 方式 是 
极为 夸张 的 几何 递增 ， 其 速度 和 效率 是 恐怖 的 。 

时 下 网 络 上 各 种 “ 门 ”、 各 种 “ 哥 ”、 各 种 “ 姐 ” 非 常 多 ， 一 旦 一 个 拥有 足够 焦点 的 
“ 门 事件 ” 见 诸 网 络 ， 无 数 网 友 就 会 有 意 无 意 地 立即 传播 ， 扩 散 速度 绝对 可 以 比 得 上 病毒 。 

以 前 的 天 仙 MM， 后 来 的 犀利 哥 和 凤姐 ， 都 是 网 络 传播 的 产物 ， 而 且 作为 最 常见 的 传播 
形式 ， 论 坛 传播 无 疑 在 中 间 发 挥 了 极 大 的 作用 。 


5. 便于 引导 

论坛 营销 因为 本 身 的 受众 就 比较 精确 ， 再 辅 以 一 定 的 手段 ， 浏 览 者 的 行为 就 会 变 得 很 容 
易 引导 。 

对 习惯 网 络 购物 的 年 轻 网 民 来 说 ， 很 多 时 候 因为 自身 的 购买 力 足够 ， 浏 览 某 些 专业 论坛 
的 目的 之 一 就 是 要 寻找 自己 想 要 的 产品 建议 、 推 荐 、 评 价 等 。 论 坛 营销 正 是 基于 这 样 的 条 
件 ， 在 用 户 引导 上 拥有 强悍 的 先天 优势 。 比 如 ， 在 瑞丽 论坛 上 ， 如 果 网 络 营销 者 策划 一 个 论 
坛 营销 ， 出 售 某 种 美容 产品 ， 往 往 会 取得 非常 好 的 效果 ， 如 图 13-11 所 示 。 








由 内 而 外 重 现 肌肤 的 清流 透 白光 彩 。 
并 不 是 广告 做 的 好 ， 而 是 实际 疗效 真 的 不 错 。 
maggie 在 冬季 ， 皮 肤 暗 淡 无 光 ， 干 煤 纹 滋生 。 肌 肤 真 的 是 有 些 精 料 。 
那么 现在 就 和 maggie EL 











13-11 ”美容 产品 营销 
如 果 在 母 婴 论坛 上 进行 某 种 幼儿 奶粉 的 销售 ， 对 用 户 的 引导 作用 就 非常 直接 。 


13.3.3 ”论坛 营销 的 3 大 要 点 


论坛 营销 是 一 种 适合 网 络 营 销 新 手 进行 的 推广 策略 ， 在 具体 进行 论坛 营销 时 ， 要 注意 以 


全 ‘0 


下 要 点 。 

1. 找到 目标 用 户 高 度 集中 的 行业 和 专业 论坛 

论坛 都 是 按 行业 或 兴趣 来 建立 的 ， 有 一 些 主 题 高 度 集中 ， 有 一 些 主题 相对 松散 。 在 进行 
论坛 营销 时 ， 主 题 越 集中 ， 效 果 越 好 。 举 例 来 说 ， 如 果 网 络 营销 者 推销 的 是 SEO、 虚 拟 主 
机 、 网 站 建设 等 相关 产品 与 服务 ， 站 长 聚集 的 论坛 就 是 个 好 地 方 ， 比 如 站 长 网 ， 如 图 13-12 
所 示 。 





回 5 论坛 筷 百 万 站 长 分 享 ) 新 闻 访谈 。 经 验 。 推广 ， 每 日 新 闻 | ， 振 行 榜 
日 网 出 告 全 不 8 山 各 团购 网 和 











用 源 得 交易 “/ 链接 买卖 核心 提示 去 年 此 时 ， ， 执 而 ， 一 
年 网 时 ， 业 内 人 士 发 办 
a | | .由 过 更 轻 的 快 和 租车 模式 革新 闻 
信息 过半 六 友 访 该 录 ， 对 话 路 也 风 才 过 后 更 靖 有 洒 
站 长 快 抢 ICen30 元 Netes 元 国内 反 向 电子 商务 网 站 模式 分 析 与 汇总 和 扯 验 人 得 
老牌 Dc- 观 贱 空 间 -I3r 备 案 分 类 信息 网 站 疯狂 " 贱 钱 "” 换 1 元 花 2.5 元 让 长 新 闻 
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“站 长 后 训 家园 让 你 so0 。 黑客 攻击 医师 资格 考 斌 报名 网 站 报考 信息 "被 个 履 ” ML 攻 新 邮 | 全 天 Ea 
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独 享 主机 火爆 热 销 人 人 部 是 活 雷 笃 一 社交 平台 如 何 提升 用 户 参 与 度 推广 策划 | 。 提供 的 se 诊断 服务 网 站 推广 目录 先行 
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图 13-12 站 长 网 


相反 ， 如 果 在 一 些 主题 相对 较 弱 的 地 方 ， 往 往 不 容易 建立 专家 地 位 。 所 以 网 络 营销 者 在 
进行 论坛 营销 之 前 ， 要 花 一 些 时 间 ， 搞 清楚 所 在 的 行业 在 网 上 有 哪些 著名 的 论坛 ， 而 不 必 大 
海 捞 针 去 很 多 论坛 浪费 时 间 。 

2. 不 要 直接 发 广告 ， 不 要 发 太 假 的 软文 

论坛 里 的 用 户 对 发 广告 发 软文 已 经 司空 见 惯 ,不 要 假设 你 的 广告 或 软文 能 引起 他 们 的 
注意 。 

在 论坛 中 不 发 广告 是 基本 的 礼节 ， 很 多 论坛 会 员 很 排斥 发 广告 发 软文 的 行为 ， 有 的 论坛 
有 可 能 封 你 的 账号 。 

3. 融入 论坛 ， 帮 助 别人 ， 建 立 威信 

即使 网 络 营销 者 的 目的 是 为 进行 论坛 营销 ， 也 应 该 在 论坛 中 积极 参与 讨论 ， 注 意 看 其 他 
会 员 的 疑难 问题 ， 并 积极 帮忙 ， 建 立 威信 。 

通过 互助 ， 会 很 快 让 营销 者 融入 网 友 群 体 ， 当 需要 进行 论坛 营销 时 ， 网 友 看 到 你 的 帖 
子 ， 首 先 信任 度 就 高 很 多 ， 如 果 再 配合 适当 的 策略 ， 引 导 用 户 行为 就 是 比较 简单 的 事情 。 


13.3.4 ”论坛 营销 推广 3 大 步骤 
论坛 营销 成 本 低 、 传 播 效力 大 的 特点 吸引 众多 网 络 营销 者 的 目光 ， 不 少 营销 者 都 开始 尝 
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试 这 一 网 络 营销 利器 。 然 而 从 实际 操作 情况 来 看 ， 一 些 网 络 营销 者 的 论坛 营销 效果 并 不 佳 ， 
原因 是 什么 呢 ? 其 实 主要 原因 就 在 于 实施 论坛 营销 时 ， 没 有 掌握 好 关键 的 3 个 步骤 。 

1. 选择 精准 的 目标 论坛 

网 络 营销 者 在 实施 论坛 营销 时 ， 一 定 要 根据 产品 的 特点 ， 选 择 合适 的 论坛 ， 最 好 是 目标 
客户 群体 聚集 的 专业 论坛 。 


举例 来 说 ， 如 果 要 推广 一 种 白领 阶层 使 用 的 产品 ， 那 么 在 选择 营销 论坛 时 ， 就 要 选择 白 
领 们 常 去 的 论坛 及 板块 ， 比 如 新 浪 的 资讯 生活 ， 时 尚 生活 ， 网 易 的 白领 丽人 ， 搜 狐 的 小 资 生 


NN 活 、 健 康 社区 ，TOM 的 健康 之 家 、 时 尚 沙龙 ，21CN 的 白领 E 族 、 百 度 贴吧 的 白领 吧 以 及 瑞 
SS 丽 女 性 论坛 等 。 如 图 13-13 所 示 为 搜狐 的 小 资 生 活 社区 。 


论坛 名 称 : 小 资 生 活 加 入 个 人 珍藏 
查 。 作 : 亚太 姐姐 tirer 佟 传 答 - 末 


[atms | 二 二 
向 | 社区 服务 寿 。 家: 


社区 活动 : ” 壤 用 户 资料 ， 商 新 拨 虚 拟 礼 初 “ 都 市 演 火 ”热门 推荐 有 此 知 动 ”上 海 世 博 会 ”抗日 历 史 


愉 广 本 从 条 | 入 到 区 到 人 税 分 类 ， 2m 





图 13-13 ”小 资 生 活 社区 
在 实际 操作 过 程 中 ， 有 的 网 络 营销 者 在 实施 论坛 营销 时 ， 片 面 追求 论坛 的 人 气 ， 而 不 去 
考虑 所 发 布 的 信息 与 论坛 板块 是 否 相符 ， 以 为 人 气 越 高 ， 关 注 产 品 信 息 的 人 就 越 多 ， 其 实 这 
是 误区 。 
如 果 人 气 太 旺 ， 营 销 者 所 发 布 的 帖子 很 快 就 被 淹没 ， 无 法 有 效 地 让 潜在 用 户 看 到 。 另 
外 ， 如 果 帖 子 内 容 与 论坛 板块 不 符 ， 很 难 引 起 网 民 的 关注 ， 有 时 甚至 会 令 网 友 反 感 。 


2. 发 布设 计 好 的 帖子 


作为 传递 产品 信息 的 载体 ， 信 息 传达 的 成 功 与 否 主要 取决 于 网 络 营销 者 发 布 帖子 的 标 
题 、 主 帖 与 跟 帖 。 如 果 一 个 帖子 能 够 吸引 网 民 点 击 ， 又 巧妙 地 传递 产品 的 信息 ， 同 时 让 网 民 
感受 不 到 广告 帖 的 嫌隙 ， 那 么 可 以 说 这 帖子 就 是 成 功 的 论坛 营销 帖子 。 

这 里 需要 了 解 的 是 “ 跟 帖 ”， 也 就 是 网 络 营销 者 用 非 发 帖 人 的 身份 编写 的 “回复 ”。 

在 正常 情况 下 ， 回 帖 的 内 容 一 般 是 网 民 对 主题 内 容 的 “主观 ”评论 。 当 网 民 被 标题 、 主 
帖 吸引 ， 继 续 往 下 查看 回复 时 ， 就 是 帖子 “真实 身份 ”曝光 的 最 大 危机 一 一 拙劣 的 回复 会 令 
网 民 一 眼 察觉 整个 帖子 的 “广告 ”意图 ， 影 响 产品 传达 效果 ， 甚 至 直接 关 掉 页 面 。 

网 络 营销 者 在 撰写 回复 时 ， 要 采取 发 散 性 思维 ， 声 东 击 西 ， 为 产品 信息 做 掩护 ， 并 且 将 
网 民 可 能 产生 的 负面 情绪 降 到 最 低 。 
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3. 维护 发 布 的 帖子 


在 论坛 营销 中 ， 帖 子 发 出 后 ， 如 果 不 进行 后 期 的 跟踪 维护 ， 那 么 可 能 很 快 就 沉 下 去 ， 尤 
其 是 人 气 很 旺 的 论坛 。 沉 下 去 的 帖子 显然 是 难以 起 到 营销 作用 的 ， 因 此 帖子 的 后 期 维护 就 显 
得 尤为 重要 。 

对 网 络 营销 者 来 说 ， 经 常 性 地 换 不 同 的 “马甲 ”进行 回帖 、 项 帖 是 必需 的 ， 也 是 论坛 营 
销 推广 的 必要 手段 。 及 时 的 项 帖 、 回 帖 ， 可 以 使 帖子 始终 处 于 论坛 或 者 板块 的 首页 显著 位 
置 ， 进 而 让 更 多 的 网 民 看 到 产品 信息 。 

从 实际 操作 细节 来 看 ， 维 护 帖子 时 ， 网 络 营销 者 最 好 不 要 一 味 地 从 正面 角度 去 回复 ， 适 
当 从 反面 角度 去 辩驳 、 挑 起 争论 ， 可 以 把 帖子 “ 炒 热 ”， 从 而 吸引 更 多 的 网 民 关 注 一 一 当 
然 ， 千 万 不 要 矫 枉 过 正 ， 让 原本 是 推广 的 帖子 变 成 批判 的 帖子 就 麻烦 。 


13.4 微 博 营销 

微 博 营销 是 当前 新 生 事物 ， 随 着 微 博 的 发 展 ， 微 博 营销 也 越 来 越 被 人 重视 。 
13.4.1 微 博 营销 的 6 个 特点 

1. 灵活 性 高 

微 博 营销 和 传统 网 站 相 比 ， 灵 活性 非常 高 ， 可 以 采用 各 种 各 样 的 内 容 题材 和 形式 进行 内 
容 的 发 布 。 而 正 是 这 种 多 样 性 ， 微 博 营 销 相对 而 言 更 容易 受到 用 户 的 欢迎 。 

微 博文 章 的 信息 发 布 与 供求 信息 发 布 是 完全 不 同 的 表现 形式 ， 微 博文 章 并 不 是 简单 的 广 
告 信息 。 实 际 上 单纯 的 广告 信息 发 布 在 微 博 网 站 上 也 起 不 到 宣传 的 效果 ， 所 以 微 博 文章 写作 
与 一 般 的 商品 信息 发 布 是 不 同 的 ， 在 一 定 意义 上 可 以 说 是 一 种 公关 方式 ， 只 是 这 种 公关 方式 
完全 是 由 企业 自行 操作 的 ， 而 无 须 借助 于 公关 公司 和 其 他 媒体 。 

2. 低 成 本 


微 博 营 销 因 为 是 基于 微 博 的 ， 所 以 完全 可 以 做 到 没有 任何 费用 ， 是 最 低 成 本 的 推广 
方式 。 

这 一 点 很 容易 理解 ， 因 为 如 果 网 络 营销 者 要 建立 一 个 自己 的 专门 网 站 做 网 络 营销 ， 还 需 
要 域名 、 网 络 空间 等 的 投入 。 但 是 如 果 采 用 微 博 进行 营销 的 话 ， 完 全 不 需要 这 些 费 用 ， 因 为 
现在 的 主流 微 博 系统 都 是 免费 注册 、 免 费 使 用 的 ， 如 图 13-14 所 示 。 


3. 快速 吸引 眼球 


网 络 营销 的 重点 环节 之 一 就 是 吸引 眼球 ， 而 微 博 往往 是 庞大 的 微 博 平台 提供 的 ， 这 些 平 
台 本 身 就 拥有 非常 庞大 的 访问 量 ， 所 以 微 博 营销 很 容易 先 在 微 博 平 台中 取得 一 定 的 效果 ， 吸 
引 一 定 的 访问 者 的 注意 。 
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这 里 的 圭 : 而 分 芭 生 | 寺 们 " 胡 八 ” 胡 宫 大 洛 社 和 135 | 加 问 民 对 避 险 放 话 “着 过 BE 更 多 


刘 贤 转 : 唉 ， 八 百 千 遇 到 一 个 爱 我 移 ， 我 却 不 爱 ! 作 百 年 对 一 个 我 过 的 那么 
心 奸 ， 他 却 不 要 荡 ， 一 切 导出 都 是 白 鞠 ， 却 依旧 把 耽 的 付 比 郑 .… 
采 目 白化 39.9qccmm) 

















用 引 ， 
亚 录 香 _ 原 各 公害 丰 夫 日， 随便 一 掉 就 是 太 片 。 下 到 小 部 是 .随便 几 刀 农妇 i sit 
就 万 了 训 市 亲 。 质 量 这 么 差 ， 去 了 正 籽 。 可 能 所 室 到 Tsme 
未 上 可 (3aadecnl 
于 两 内 下 做 ， 诗 要 本 同 吧 了 用 电 应 上 使 用 
[EE 王 去 飞 ， 一 个 自然 的 午 党 和 未 神 汪 所 吏 ， 开 了 望 甸 外 烛 习 地 所 的 阳光 ， 民 知 


人 交合 的 ， 开 个 人 区 加 天 已 经 人情 的 到 来、、、、、 
本 


图 13-14 免费 注册 微 博 
以 国内 新 浪 微 博 平 台 为 例 ， 每 天 具体 的 微 博 访 问 量 是 机 密 数 据 ， 外 人 自然 无 法 得 知 。 但 
是 ， 如 果 细 心地 查 一 下 新 浪 微 博 每 天 被 搜索 引擎 抓 取 的 页 面 ， 就 可 以 发 现 这 是 一 个 庞大 的 数 
量 ， 如 图 13-15 所 示 。 





N ， 百度 近日 收录 查 词 体 新 服务 和 意见 反 局 扒 荐 起 关注 ， 设 计 风 的 天 
AN 请 户 入 吕 查 词 扫 场 名 ， | IT 最 过 24 小 时 必 录 情况 回 | 请 站 
AN 百度 在 最 近 1 天 内 共 收录 了 同 站 〈 weibovcom ) 1870000 个 页 面 ,具体 页 面 如 下 : 


查询 该 站 最 近 几 日 的 收录 量 。 24 小 时 最 近 1 显 期 景 近 1 个 习 最 近 3 年 总 疏 录 重 
入 


12345678910 下 一 页 > 执 到 相关 结果 约 1,870,000 个 


1. 售 新 浪 微 博 -随时 随地 分 享 身边 的 新 鲜 事 儿 奇 污 淳 姑 县 全 中 国 好 主流， 最 且 人 气 ， 当 前 量 火 爆 的 御 博 产品 ， 月 一 句 话 随 责 记 录 生 活 ， 
用 手机 确 时 随地 发 出 博 。 迅 速 获取 最 热 最 火 最 快 最 车 最 新 的 袖 讯 。 手 机 油 风 welbo,…。 
weibo.com/ 2012-3-20 - 百度 快照 


2. 全新 浪 微 博 -随时 随地 分 享 身边 的 新 鲜 事 儿 新 浪 油 畏 县 全 中 国 好 主流 ， 最 内 人 气 ， 当 前 最 火爆 的 袜 博 产品 ， 用 一 句 话 随意 记录 生活 ， 
时 随地 发 激 博 。 寺 速效 到 最 热 最 火 最 快 最 入 最 新 的 宽 讯 。 手 机 微 旭 Webo.… 
.Weibo.com/ 2012-3-20 - 百度 快照 






13-15 ”新 浪 微 博 系 统一 天 的 百度 收录 量 


这 个 数据 反映 的 是 百度 24 小 时 内 收录 新 浪 微 博 的 条 目 数量 : 187 万 ， 大 概 意思 是 说 24 小 
时 内 ， 新 浪 微 博 平台 至 少 发 布 或 者 更 新 187 万 条 博文 。 由 此 可 以 推测 ， 访 问 量 肯定 要 数 倍 、 
数 十 倍 地 大 于 这 个 数量 。 

正 是 因为 微 博 提供 平台 能 聚合 很 多 人 气 ， 所 以 完全 可 以 借助 这 个 平台 吸引 很 多 眼球 。 


4. 较 高 的 可 信 度 

对 普通 网 民 来 说 ， 微 博 上 发 布 的 文章 ， 具 有 比较 好 的 可 信和 度 。 微 博文 章 比 一 般 的 论坛 信 
息 发 布 所 具有 的 优势 在 于 : 由 于 文字 所 限 ， 博 文 主题 更 加 突出 ， 微 博文 章 很 容易 被 搜索 引擎 
收录 和 检索 ， 这 样 使 得 微 博文 章 具 有 长 期 被 用 户 发 现 和 阅读 的 机 会 。 一 般 论 坛 的 文章 读者 数 
量 通常 比较 少 ， 而 且 很 难 持久 ， 几 天 后 可 能 已 经 被 人 忘记 。 相 对 于 论坛 那 种 随意 的 聊天 方 
式 ， 微 博 如 果 发 布 专业 的 知识 ， 获 得 的 用 户 认 可 也 更 多 。 

5. 互动 性 强 

能 与 粉丝 即时 沟通 ， 及 时 获得 用 户 反馈 。 


Gu 


6. 针对 性 强 

关注 企业 或 者 产品 的 粉丝 都 是 本 产品 的 消费 者 或 者 是 潜在 消费 者 ， 企 业 可 以 其 进行 精准 
营销 。 
13.4.2 ” 微 博 写作 的 7 个 法 则 

微 博文 章 的 写作 方法 ， 完 全 可 以 等 同 于 独立 网 站 的 内 容 建 设 方法 。 这 里 大 体 罗列 基本 的 
微 博文 章 写作 法 则 。 

1. 内 容 简明 扼要 

微 博 写 作 应 尽 可 能 地 直 奔 主题 ， 访 问 者 可 能 不 会 看 一 个 连载 的 微 博 。 如 图 13-16 所 示 ， 
直接 明了 地 招呼 粉丝 去 走 进 影院 观看 电影 《失恋 33 天 》。 


文章 合 : 时 间 有 限 ， 有 机 会 再 跟 大 家 多 聊 ! 希望 11 月 8 日 各 位 朋友 都 走 进 影院 ， 支 持 《 失 恋 33 


天 》! 
2011 年 11 月 4 日 18;42;15 来 自 腾讯 向 博 全 部 转播 和 评论 (10771) 转播 ”评论 ”更 多 ~ 
图 13-16 ”内容 简要 的 微 博 





网 民 都 喜欢 有 新 闻 价 值 、 有 趣 和 幽默 该 谐 的 内 容 ， 所 以 微 博文 章 的 写作 上 ， 也 应 该 尽量 
加 入 这 些 元 素 ， 以 便 让 更 多 的 读者 产生 下 次 再 来 的 想法 ， 如 图 13-17 所 示 。 


文章 您 转播 : 1 已 经 很 好 了 ， 就 不 2 了 吧 。 


张 蜂 : # 提 问 失恋 33 天 # 非 常 喜欢 文章 演 的 刘 易 阳 角 色 ， 什 么 时 候 能 续 拍 裸 婚 2 了 可。 永远 支持 你 文章 。 
2011 年 11 月 3 日 18:12:50 来 自 手机 (t.3g.9q.com) 全 部 转播 和 评论 (3332) 


2011 年 11 月 4 日 18:38:50 来 自 腾讯 微 博 转播 (1852) ”评论 (414) ， 更 多 


图 13-17 灵活 表达 的 微 博 
3. 提供 有 用 内 容 
“有 用 ”是 任何 网 络 应 用 中 最 重要 的 根本 ， 作 为 微 博 营销 的 微 博 ， 提 供 有 用 的 内 容 是 必 
须 贯彻 和 坚持 的 基本 法 则 ， 如 图 13-18 所 示 。 


文章 僵 : 匠 说 很 多 影院 为 33 天 加 场 ， 真 的 很 开心 ! 今天 广州 明天 深圳 后 天 成 都 ， 终 点 站 是 家 
乡 西 安 ! 送 上 王 先生 的 定 装 照 ! 


Tt 


13-18 ”有 用 信息 的 微 博 
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4. 用 第 一 人 称 


这 一 点 可 能 是 微 博 写 作 与 其 他 写作 的 最 大 区 别 。 在 一 般 的 出 版 物 中 ， 惯 例 是 保持 作者 中 
立 ， 但 微 博 不 同 ， 你 就 是 你 ， 带 着 干 万 个 个 性 化 的 偏见 ， 越 表达 出 自己 的 观点 越 好 。 网 上 有 
上 百 万 的 微 博 ， 你 很 难 做 到 很 特别 ， 除 非 你 写 出 独一无二 的 内 容 ， 那 就 是 你 自己 。 

5. 延续 链接 

微 博 虽 然 在 网 络 门户 里 是 独立 并 自 成 体系 ， 但 也 是 互联 网 的 一 部 分 ， 应 该 充分 利用 这 个 
好 处 。 让 其 他 文章 为 你 的 大 作 提 供 知 识 背 景 ， 让 读者 通过 链接 继续 深入 阅读 ， 尽 量 为 他 们 提 
供 优秀 的 链接 一 一 这 些 链接 可 以 是 你 以 前 发 布 的 某 个 微 博文 章 ， 也 可 以 是 你 的 销售 网 站 上 的 
某 个 地 址 ， 更 可 以 是 同类 的 优秀 微 博 。 如 图 13-19 所 示 ， 在 微 博 后 给 出 详细 的 文章 地 址 。 











邹 咸 平 您 ; # 空 间 日 志 # 信 摧毁 了 中 国 的 个 体 零售 业 ? http://urlcn/2ABk5| 
] 志 全 部 转播 和 评论 (1367， 转播 “评论 ”更 多 


图 13-19 ”延续 链接 的 微 博 
6. 巧妙 利用 模板 
一 般 的 微 博 平 台 都 会 提供 一 些 模 板 给 用 户 ， 应 尽 可 能 选择 与 行业 特色 相符 合 的 风格 ， 这 


样 更 贴切 微 博 的 内 容 。 当 然 ， 如 果 你 有 能 力 设计 一 套 有 自己 特色 的 模板 风格 ， 也 是 不 错 的 选 
择 ， 如 图 13-20 所 示 。 





四 要 应 永 发 去 的 救 多 


13-20 ”具有 特色 的 模板 


7.# 与 @ 符 号 的 灵活 运用 

微 博 中 发 布 内 容 时 ， 两 个 # 间 的 文字 是 话题 的 内 容 ， 我 们 可 以 在 后 面 加 入 自己 的 见解 。 如 
果 要 把 某 个 活跃 用 户 引 入 ， 可 以 使 用 @ 符 号 ， 意 思 是 “向 某 人 说 ”。 比 如 “人 @ 微 博 用户 欢 迎 
您 的 参与 ”。 在 微 博 菜 单 中 单 击 “@ 我 的 ”链接 ， 也 能 查看 到 提 到 自己 的 话题 ， 如 图 13-21 
所 示 。 
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来 ， 说 说 你 在 做 什么 ， 想 什么 
# 抛 撕 掀 # @| 
| 用 帐 号 他 就 能 在 [ 提 到 匠 的 贾 收 到 
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图 13-21 # 与 @ 符 号 的 灵活 运用 
13.4.3 ” 微 博 营销 的 5 个 步骤 


微 博 营销 的 操作 方式 与 传统 营销 有 所 区 别 ， 而 且 其 易 操 作 性 以 及 最 初 的 低 投入 成 本 使 其 
具有 非常 大 的 可 实施 性 。 下 面 以 如 何 利用 第 三 方 微 博 平台 的 微 博文 章 发 布 功 能 开展 网 络 营销 
活动 为 例 ， 介 绍 微 博 营销 推广 的 典型 操作 步骤 。 


1. 选择 微 博 平台 ， 创 建 微 博 


简单 来 说 ， 网 络 营销 者 如 果 要 进行 微 博 营销 推广 ， 应 该 首先 选择 适合 网 络 营销 的 微 博 平 
台 ， 并 获得 发 布 微 博文 章 的 资格 ， 也 就 是 注册 并 创建 微 博 。 一 般 来 说 ， 当 下 国内 的 微 博 平台 
都 比较 火 ， 人 气 也 很 旺 ， 网 络 营销 者 应 该 选择 和 自己 销售 产品 的 潜在 受众 比较 吻合 的 微 博 
平台 。 

在 人 气 选择 方面 ， 如 果 要 选择 访问 量 比较 大 以 及 知名 度 较 高 的 微 博 平台 ， 可 以 借助 Alexa 
排名 做 一 个 大 概 的 比较 。 网 站 的 Alexa 排名 可 以 到 www.alexa.com 进行 查询 。 比 如 要 查询 新 
浪 微 博 的 大 概 每 日 访问 量 ， 可 以 先 到 Alexa 中 查询 新 浪 微 博 在 整个 新 浪 网 的 访问 中 所 占 的 比 
例 ， 如 图 13-22 所 示 。 


根据 网 站 排名 统计 数据 估算 网 站 IP  PV 值 ， 以 下 数据 仅 做 参考 之 用 、 根 据 网 站 用 户 类 型 和 比例 不 同 会 产生 不 同 误差 宰 





日 均 IP 访问 量 [ 一 周平 均 ] 日 均 PV 浏览 脐 [ 一 周平 均 ] 
= 17,580,000 = 202,345,800 








网 站 排名 统计 的 新 浪 油 博 -随时 随 顽 分 享 身边 的 新 鲜 事 儿 国家 /地 区 排名 、 访 问 比 例 列表 








国家 /地 区 名 称 [6 个 ] 国家 /地 区 代码 国家 /地 区 排名 网 站 访问 比例 页 面 浏览 比例 
中 国 CN 6 94.4% 93.2% 
日 本 Pp 173 1.1% 1.3% 
美国 Us 654 0.8% 1.1% 
香港 特区 HK 19 0.7% 0.9% 
韩国 KR 96 0.7% 0.6% 
0 0 — 2.3% 2.9% 





图 13-22 ”查询 访问 量 
从 图 13-22 中 可 以 看 出 ， 新 浪 一 天 的 微 博 的 独立 IP 量 大 概 是 1758 万 人 ， 这 样 可 以 大 概 确 
定 网 站 的 访问 人 数 。 另 外 ， 对 某 一 领域 的 专业 微 博 网 站 来 说 ， 则 应 在 考虑 其 访问 量 的 同时 还 
要 考虑 其 在 该 领域 的 影响 力 。 影 响 力 较 高 的 网 站 ， 其 微 博 内 容 的 可 信和 度 也 相应 较 高 。 


ow 
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2. 确定 微 博 营 销 目标 ， 制 订 微 博 营 销 推 广 计划 


在 开始 进入 具体 的 微 博 更 新 之 前 ， 需 要 先 明 确 微 博 营 销 推 广 的 目标 ， 并 且 制 订 一 个 微 博 
营销 推广 计划 。 

本 书 中 的 微 博 营 销 推广 ， 是 指 建立 专业 的 微 博 平台 ， 运 用 微 博 宣 传 产品 或 宣传 品牌 。 真 
正 的 微 博 营销 是 靠 原创 的 、 专 业 化 的 内 容 吸引 潜在 购买 者 (或 者 客户 )， 培 养 一 批 忠实 的 微 博 阅 
读者 ， 在 阅读 者 群体 中 建立 信任 度 、 权 威 度 ， 形 成 微 博 品牌 ， 进 而 营销 阅读 者 的 思维 和 购买 
决定 。 

在 制订 微 博 营 销 推 广 计 划 时 ， 就 应 该 明确 自己 的 目的 ， 是 通过 微 博 营销 影响 用 户 购买 行 
为 ， 还 是 为 自己 的 品牌 推广 做 铺垫 。 只 有 确定 自己 的 目标 后 ， 后 续 的 博文 编写 、 用 户 引 导 才 
会 有 的 放 矢 。 

另外 ， 这 个 计划 的 主要 内 容 应 该 包括 从 事 微 博 写作 的 人 员 计 划 、 每 个 人 的 写作 领域 选 
择 、 微 博文 章 的 发 布 周期 等 。 由 于 微 博 写作 内 容 有 较 大 的 灵活 性 和 随意 性 ， 因 此 微 博 营销 计 
划 实 际 上 并 不 是 一 个 严格 的 “企业 营销 文章 发 布 时 刻 表 ”， 而 是 从 一 个 较 长 时 期 来 评价 微 博 
营销 工作 的 一 个 参考 ， 如 图 13-23 所 示 。 
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图 13-23 ”制订 推广 计划 

3. 博文 写作 与 坚持 更 新 

确定 微 博 营销 的 目标 之 后 ， 就 可 以 着 手 开始 进行 微 博 文章 的 写作 。 当 微 博 建立 好 、 博 文 
准备 好 之 后 ， 就 需要 按照 微 博 营销 推广 计划 开始 坚持 更 新 。 

在 微 博 写作 方面 ， 选 择 好 的 标题 、 内 容 ， 采 用 清晰 的 结构 、 优 秀 的 排版 方式 ， 将 自己 的 
微 博文 章 写作 做 到 足够 优秀 。 

在 微 博 更 新 方面 ， 无 论 一 个 人 还 是 一 个 微 博 团队 ， 要 保证 发 挥 微 博 营销 的 长 期 价值 ， 就 
需要 坚持 不 懈 的 写作 ， 微 博 偶 尔 发 表 几 篇 新 闻 或 者 文章 是 不 足以 达到 微 博 营销 的 目的 的 。 从 
另 一 方面 讲 ， 有 规律 、 稳 定 的 微 博 更 新 ， 也 更 能 及 时 地 抓 住 市 场 的 趋势 ， 为 营销 带 来 更 大 的 
助力 ， 如 图 13-24 所 示 。 
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209 生 :1 月 :6 日 1532 直 目 岳 辣 敌 记 全 部 竺 播 和 下 认 (7363) 条 竹 ， 和 从， 更 多 


文章 章 ; 六 年 之 后 重 返 昌 污 写 ， 第 一 次 演 清朝 戏 ， 七 天 是 艰 二 十 九 个 小 时 ， 接 下 来 将 会 
是 三 十 个 十 时 设 仙 用 
) 二 11 朋 14 日 1045 科目 让 昌 动 生 全 部 导 苞 EC10147) 天。 于 


丸 潍 区 JT 下 总 号 习 贡 el 洲 上 
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文章 您; 三 28 恨 乞 苔 院 为 33 天 加 场 ， 雇 的 很 也 心 | 今天 请 州 明 无 深 乔 入 天 成 都 ， 兹 于 站 
是 家 湖西 安 ! 送 上 王 先生 的 定 装 昭 ! 





于 31 月 10 日 11:09 来 目 摆 计 窒 至 全 部 久 播 和 3 论 (19841) 竺 揪 ”评论 更 
图 13-24 更 新 微 博 
4. 将 微 博 营销 与 其 他 资源 相 结合 


微 博 营销 虽然 比较 适合 一 般 的 网 络 营销 者 采用 ， 但 是 并 不 代表 微 博 营 销 应 该 是 独立 的 。 
相反 ， 优 秀 的 微 博 营销 一 定 会 借助 其 他 的 营销 资源 来 达到 更 好 的 营销 效果 。 

通常 情况 下 ， 将 微 博文 章 内 容 与 产品 销售 网 站 的 内 容 策 略 和 其 他 媒体 资源 相 结 合 ， 力 
入 、 建 立 微 博 圈子 ， 找 到 更 多 的 同类 博 友 ， 都 是 不 错 的 资源 结合 方式 ， 如 图 13-25 所 示 。 
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图 13-25 同类 博 友 


5. 对 微 博 营销 的 效果 进行 评估 


与 其 他 营销 策略 一 样 ， 对 微 博 营销 的 效果 也 有 必要 进行 跟踪 ， 并 根据 发 现 的 问题 不 断 完 
善 营 销 计划 ， 让 微 博 营销 在 营销 策略 中 发 挥 应 有 的 作用 。 
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至 于 对 微 博 营 销 的 效果 评价 方法 ， 目 前 没有 完整 的 评价 模式 ， 不 过 可 参考 网 络 营销 其 他 
方法 的 评价 方式 来 进行 ， 如 图 13-26 所 示 。 
司 
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13-26 ”评估 微 博 营销 的 效果 
13.4.4 “企业 微 博 营销 技巧 
想 做 大 公司 ， 企 业 微 博 营销 必 不 可 少 ， 那 么 怎样 进行 营销 呢 ? 下 面 将 介绍 一 些 营销 
技巧。 
1. 与 粉丝 做 朋友 
企业 微 博 建立 之 初 ， 首 先 要 考虑 定位 的 问题 ， 而 核心 就 是 要 通过 微 博 说 点 什么 。 一 个 比 
较 明确 的 官方 定义 就 是 企业 微 博 主要 用 于 快速 宣传 企业 新 闻 、 产 品 、 文 化 等 的 互动 交流 平 


台 。 同 时 ， 对 外 提供 一 定 的 客户 服务 和 技术 支持 反馈 ， 形 成 企业 对 外 信息 发 布 的 一 个 重要 途 
径 。 但 这 种 表述 并 不 清晰 ， 我 们 不 妨 通过 春秋 航空 的 微 博 进 行 分 析 ， 如 图 13-27 所 示 。 
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简介 
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图 13-27 ”春秋 航空 的 微 博 
在 这 个 微 博 上 ， 我 们 可 以 清楚 地 看 到 不 同类 型 的 功能 。 
1) ”企业 活动 信息 发 布 
例如 ， 图 片上 第 一 条 微 博 ， 春 秋 航 空 打出 了 手机 订购 机 票 的 特惠 战略 ， 通 过 精 要 文字 + 深 
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入 阅读 的 活动 网 址 + 巧妙 释义 的 图 片 对 自己 企业 近期 的 活动 做 了 一 个 发 布 。 在 文字 上 ， 春 秋 航 
空 注意 了 结合 时 下 流行 的 网 络 词汇 out， 从 而 让 本 来 很 刻板 的 打折 信息 ， 因 为 最 后 一 句 的 点 睛 
之 笔 而 活泼 了 许多 。 

2) ”客服 互动 咨询 

在 其 后 的 3 条 微 博 都 可 以 归纳 在 此 ， 即 针对 不 同 的 微 博 用 户 提出 的 各 种 问题 ， 进 行 有 针 
对 性 的 答复 。 而 3 条 微 博 中 ， 有 两 条 微 博 为 对 话 ， 一 条 为 转发 ， 这 其 中 其 实 是 有 讲究 的 。 转 
发 的 那 条 微 博 是 春秋 航空 想 通 过 用 户 咨 询 ， 让 更 多 的 微 博 听 众 接收 到 的 信息 一 一 半月 秒杀 和 
亲情 套 票 ， 通 过 巧妙 地 以 答疑 解 问 的 方式 出 现 ， 比 单纯 地 自己 打 广 告 ， 更 容易 被 粉丝 接受 。 
而 另外 两 个 以 对 话 形式 出 现 的 微 博 ， 则 主要 针对 单个 用 户 并 不 具备 普遍 性 的 问题 进行 解答 
以 半 公 开 的 形式 出 现 ， 这 样 既 不 会 让 其 他 粉丝 感觉 到 被 打扰 ， 又 可 以 很 好 地 回答 客户 疑难 。 

3) ”人 性 化 体验 

在 春秋 航空 的 两 条 对 话 微 博 上 ， 我 们 都 能 看 到 一 个 笑脸 的 标志 。 因 为 是 对 话 ， 更 加 强调 
对 单个 粉丝 的 点 对 点 沟通 ， 加 入 笑脸 这 么 一 个 小 小 的 图 标 ， 其 实 可 以 极 大 地 削弱 企业 微 博 的 
官 样 面孔 ， 让 对 话 者 感觉 是 在 和 一 个 朋友 进行 交流 ， 倍 感 轻松 之 余 ， 也 会 提升 对 春秋 航空 的 
好 评 度 。 这 种 拟人 化 、 富 有 情感 的 微 博 发 布 方式 ， 其 实 是 目前 企业 微 博 最 应 该 掌握 的 核心 所 
在 。 让 企业 微 博 更 像 个 人 微 博 ， 淡 化 一 点 企业 色彩 ， 能 够 更 好 地 增强 和 粉丝 之 间 的 沟通 。 

在 信息 的 发 布 上 ， 企 业 微 博 要 注重 与 微 博 用 户 的 互动 性 ， 不 能 唱 “ 独 角 戏 ”。 在 发 布 企 
业 广 告 、 产 品 信 息 时 ， 要 站 在 用 户 的 角度 考虑 ， 发 布 一 些 具有 娱乐 性 和 分 享 价值 的 信息 ， 组 
织 一 些 让 用 户 感 兴趣 的 话题 ， 并 积极 参与 回复 讨论 。 

做 朋友 绝对 比 做 老板 好 ， 千 万 别 和 自己 的 粉丝 拉 开 一 道 天 然 的 鸿沟 ， 而 是 要 不 断 地 亲近 
他 ， 让 他 对 你 没有 那么 强 的 戒备 之 心 ， 这 样 企业 微 博 就 算 成 功 了 。 

有 调查 显示 ， 微 博 用 户 最 关注 的 品牌 /产品 微 博 : (科技 数码 (67%); @ 家 电 产品 (519%0); 
图 食品 (499%6); @ 服 装 (48%); @ 汽 车 (48%)。 如 果 你 的 企业 属于 其 中 ， 那 还 犹 移 什么 ? 再 不 建 
设 微 博 ， 你 将 落后 别人 不 止 一 步 。 


2. 发 广告 要 有 技巧 


很 多 企业 微 博 在 创立 之 后 ， 总 有 一 个 认定 ， 那 就 是 尽 可 能 多 地 通过 微 博 去 发 布 活动 ， 做 
好 营销 公关 ， 让 网 民 通 过 微 博 来 购买 自己 的 服务 (产品 )， 希 望 通过 微 博 来 实现 消费 桥梁 的 直接 
沟通 。 因 此 ， 在 企业 微 博 上 ， 充 斥 了 大 量 的 产品 信息 和 促销 公告 ， 而 时 下 最 流行 的 就 是 那些 
转发 或 购物 能 中 大 奖 的 微 博 内 容 了 。 

当然 ， 促 销 信息 要 发 ， 企 业 新 闻 也 要 有 ， 但 这 样 的 内 容 最 多 只 能 占 3， 而 另外 的 2/3 则 
要 通过 微 博 来 树立 企业 品牌 形象 ， 尤 其 是 亲民 的 那 种 形象 。 

东航 凌 燕 就 是 一 个 很 生动 的 例子 ， 如 图 13-28 所 示 。 这 个 典型 的 企业 微 博通 过 空姐 这 一 
载体 ， 直 接 拉 近 了 和 微 博 用 户 的 距离 。 同 时 大 量 发 布 空姐 的 工作 生活 常态 ， 从 而 将 自己 的 品 
牌 特色 以 最 潜移默化 的 方式 营销 出 去 。 

以 微 博 来 树立 品牌 而 不 是 做 销售 ， 其 中 比较 经 典 的 是 《新 周刊 》 微 博 。 从 常理 上 来 说 ， 
作为 媒体 类 的 微 博 ， 其 实 是 最 好 推广 的 ， 因 为 每 天 ( 周 /月 ) 刊 物 上 都 会 有 大 量 的 新 闻 信 息 ， 只 
要 巧妙 地 将 这 类 信息 的 关键 内 容 发 布 出 来 ， 然 后 附带 上 相关 网 址 ， 就 可 以 让 微 博 用户 们 趋 之 
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若 玖 ， 想 要 了 解 更 多 内 容 。 至 于 文字 ， 当 然 不 用 担心 ， 媒 体 上 有 最 给 力 的 文字 高 手 ， 足 以 让 
你 感受 到 文字 之 美 。 而 很 多 媒体 的 微 博 确实 也 如 此 去 做 了 ， 并 且 收 效 不 错 ， 特 别 是 一 些 社会 
新 闻 类 媒体 ， 通 过 及 时 发 布 信息 ， 甚 至 比 自己 媒体 刊 发 时 间 更 早 ， 实 现 微 博 传递 ， 比 如 在 新 
闻 发 布 会 现场 直接 传递 微 博 ， 达 到 了 极 佳 的 影响 效果 。 


东航 竣 筷 Y 
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入， 当世 训 一 “ 光 全 ”作为 一 人 负责 和 用 于 天 要 和 有 的 社会 蜂 。 下 一 栓 
莘 介 豫 用 春泥 坟 ， 这 爱 阴 深 天 全 ”作为 一 个 内 责 资 等 入 用 于 于 澳 可 策 且 的 社会 陪 。 东 耽 “ 关 总 ”服务 


麻 实施 捐助 的 基金 ， 由 东航 客 能 部 党 委 领 导 ， 纪 委 监管 ， 团 委 具 体 实施 。2012 年 3 月 20 日 ， 
流 邦 基金 正式 局 细 ， 首 批 其 金 格 资 助 上 海 市 儿童 福利 院 新 殊 儿 童 ， 用 营 支 起 一 片 天 空 , 击 上 。 粉丝 (34508) 
浊 暖 ， 并 对 您 的 关注 积 以 试 皇 谱 意 1 
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吉 即 可 。 我 们 在 洽 群 吨 有 ， 开展 
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和 你 居 博 本 全， 开采 加 入 “一 各 条 公益 爱心 的 红 丝 溃 ， 一 凡 枚 站 京 和 家 的 次 和 训 一 张 张 切 温柔 的 近 庇 ， 广 捐 在。 时空 凤 轩 eici par 
春色 里 ， 鬼 给 出 了 一 幕 帮 充满 受 的 画面 。” 随 后 在 上 海 市 儿童 福利 院 举行“ 该 闻 基 宇 ” 答 约 
友情 侧 接 以 及 首 生 光 助人 的 交 将 仅 式 ， 看 望 了 儿 福 院 的 小 崩 友 们 ， 状 户 他 们 有 着 “ 注 闹 ” 满 注 视 福 
与 温暖， 更 加 纤 误 快 包 地 成 长 加 入 的 格 (1) 
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图 13-28 ”东航 凌 燕 的 微 博 

3. 企业 做 好 微 博 的 要 点 

1) ”学 习 其 他 企业 的 做 法 

学 习 别 人 的 成 功 经 验 永远 是 最 有 效 和 最 直接 地 提高 自身 微 博 营销 水 平 的 办 法 。 特 别 是 发 
送 促销 信息 ， 太 多 的 企业 集中 在 以 大 奖 诱惑 请 人 转发 的 层面 上 ， 用 户 仅仅 是 为 了 和 企业 无 关 
的 大 奖 来 互动 ， 而 不 是 真心 实意 地 去 和 企业 互动 。 

这 一 方面 日 本 的 优 衣 库 在 互动 上 有 过 极 佳 的 案例 。 一 次 它 在 Twitter 上 陈列 了 10 件 衣 
服 ， 规 定 “ 越 多 评论 ， 价 格 越 低 ”。 如 果 有 用 户 进 入 评论 系统 ， 网 站 就 会 告诉 用 户 目前 这 件 
衣服 有 多 少 条 评论 ， 售 价 已 经 下 降 多 少 ， 距 离 最 低 价 格 还 差 多 少 评论 。 如 果 你 也 写 上 一 段 
评论 ， 系 统 就 会 提示 “在 你 的 努力 之 下 ， 价 格 又 下 降 了 ”。 

2) 每 日 笔耕 不 轰 

很 多 企业 微 博 都 陷入 了 历史 周期 律 之 中 。 开 始 时 很 勤奋 ， 但 毕竟 起 步 阶段 并 不 会 有 多 少 
影响 力 。 久 而 久之 就 懈 仍 了 ， 甚 至 很 久 才 发 布 一 条 微 博 。 结 果 很 多 好 不 容易 吸引 来 的 粉丝 
也 会 因为 你 的 懈 仍 而 同样 不 把 你 当 回 事 。 

当然 ， 企 业 微 博 不 一 定 每 天 都 有 新 鲜 事 可 以 发 布 ， 但 为 什么 不 做 好 分 享 呢 ? 假如 你 是 一 
个 服装 企业 ， 固 定 一 两 个 人 专门 维护 微 博 ， 在 推销 自己 服装 的 同时 ， 完 全 可 以 分 享 一 些 时 尚 
流行 风 ， 放 上 一 些 名 模 图 片 ， 让 自己 成 为 微 博 的 服装 时 尚方 舟 ， 把 巴黎 时 装 周 的 最 新 动态 、 
外 品牌 的 新 款 服饰 都 带 入 进来 。 让 别人 在 分 享 美的 同时 ， 也 记 住 你 产品 的 名 字 ， 下 次 购物 
时 遇见 了 ， 就 可 能 不 会 再 错过 了 。 

















3) ”主动 互 粉 核心 用 户 

很 多 企业 微 博 也 很 注意 互动 ， 但 却 不 注重 互 粉 。 当 然 ， 一 个 企业 微 博 可 能 会 有 数 以 万 计 
的 粉丝 ， 统 统 互 粉 当然 也 不 现实 ， 也 会 显得 比较 掉价 。 但 观察 大 多 数 企 业 微 博 发 现 ， 它 们 的 
关注 量 很 多 都 没有 超过 三 位 数 ， 而 且 大 多 是 媒体 、 企 业 或 者 是 实名 认证 的 知名 微 博 。 

企业 微 博 也 要 关注 普通 微 博 ， 只 是 这 个 关注 是 有 讲究 的 。 要 对 那些 经 常 转发 自己 微 博 的 
人 以 关注 ， 转 发 在 五 次 以 上 的 、 积 极 参加 讨论 的 ， 通 常 都 是 关注 这 个 企业 的 核心 粉丝 。 尽 管 
对 方 的 微 博 影响 力 可 能 微不足道 ， 但 请 不 要 太 势 利 。 关 注 他 ， 你 就 能 用 一 个 小 小 的 鼠标 轻 轻 
一 点 ， 赢 得 潜在 客户 的 心 。 更 重要 的 是 ， 也 会 让 他 有 荣誉 感 ， 或 许 线 下 他 会 主动 为 你 做 口碑 
宣传 。 

4) ”主动 上 门 服务 

企业 微 博 应 该 擅长 使 用 微 博 检 索 工具 ， 对 与 品牌 、 产 品 相关 的 话题 进行 监控 ， 你 不 能 指 
望 别 人 主动 找 上 门 来 和 你 交流 。 如 果 你 放下 身段 ， 主 动 去 和 微 博 用 户 进行 沟通 ， 效 果 将 会 很 
明显 。 其 实 这 对 个 人 微 博 来 说 也 一 样 适用 。 

当然 ， 这 种 诚 奶 的 态度 也 会 通过 转发 功能 呈现 在 我 个 人 的 微 博 上 ， 从 而 让 我 自己 的 粉丝 
看 见 ， 并 且 进 行 直接 和 有 针对 性 的 互动 ， 也 会 博取 更 多 人 的 好 感 。 最 起 码 ， 别 人 会 觉得 我 对 
这 本 书 真 的 很 上 心 。 

5) ”做 读者 守望 的 微 博 时 报 

在 企业 微 博 信息 发 布 上 ， 其 实 完全 可 以 突破 个 人 微 博 的 瓶颈 ， 而 选择 制度 化 一 点 。 如 
《新 周刊 》 的 早晚 安 ， 每 日 在 特定 的 时 段 发 布 特定 的 流行 信息 ， 这 样 更 加 容易 巩固 读者 的 阅 
读 激 情 ， 哪 怕 是 每 日 ( 周 ) 秒 杀 、 打 折 、 抢 购 信息 ， 也 可 以 选择 在 一 个 特定 时 间 节 点 上 发 布 ， 而 
不 是 在 任意 时 段 不 经 意 地 出 现 。 特 定时 间 的 发 布 ， 可 以 让 读者 规划 好 时 间 前 来 守望 并 且 转 
发 ， 效 果 更 佳 。 

6) 让 粉丝 “加 盟 ” 企 业 

产品 信息 不 是 不 能 上 微 博 ， 但 发 布 时 还 是 需要 包装 的 。 企 业 微 博 忙 不 迭 地 将 一 大 堆 产品 
以 说 明 书 简介 + 图 片 的 形式 发 布 出 去 ， 会 显得 很 傻 。 讲 究 迁 回 ， 往 往 能 够 获得 更 好 的 效果 。 

比如 ， 让 粉丝 和 产品 互动 ， 对 某 个 新 产品 举行 一 个 定价 微 博 听证 会 ， 希 望 粉丝 们 对 某 个 
产品 提出 修改 意见 ， 邀 请 粉丝 为 自己 的 产品 做 设计 ， 择 优 录取 ， 甚 至 提供 工作 岗位 等 。 其 实 
有 很 多 方法 来 做 迁 回 ， 尽 管 表面 上 看 起 来 没有 直接 打 广 告 ， 但 在 微 博 上 ， 最 关键 的 还 是 做 品 
牌 ， 而 不 是 卖 产品 ， 产 品 广告 用 别 的 平台 发 布 更 好 。 

7) 让 自己 的 员工 一 起 微 博 

这 样 做 有 两 个 好 处 。 一 个 是 加 强 微 博 用 户 对 企业 的 个 性 化 体验 ， 如 东航 凌 燕 的 团队 微 博 
和 各 种 以 凌 燕 为 名 的 东航 空姐 个 人 微 博 ， 从 而 用 散打 的 方式 ， 让 更 为 广泛 的 微 博 用 户 了 解 企 
业 品 牌 ， 加 深 对 企业 的 认识 和 黏合 度 。 另 一 个 则 是 加 强 企业 员工 对 企业 的 认同 感 ， 甚 至 通过 
微 博 找到 自己 所 在 职位 的 最 佳 创 意 和 方案 。 

全 球 最 大 家 用 电器 和 电子 产品 零售 集团 百思买 的 微 博 营销 案例 颇 为 值得 借鉴 。 

喜欢 科技 的 客户 常常 很 享受 使 用 和 学 习 产 品 功能 的 细节 、 好 处 ， 并 喜欢 分 享 时 那 种 头脑 
风暴 带 来 的 挑战 。 百 思 买 想 了 个 独特 的 方法 ， 它 组 织 起 几 千 名 员工 利用 Twitter 直接 与 消费 者 





人 


录 洒 玲 员 由] 送 呈 习 岂 引 内 时 






IGG 


‘3@ 





Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 %~ 


进行 实时 互动 。 这 个 技术 支持 服务 团队 被 形象 地 称 为 “ 蓝 衫 军 ” 一 一 因为 所 有 参与 这 个 项 目 
的 雇员 都 身 着 蓝 色 T 恤衫 。 他 们 共同 为 @twelpforce 账户 工作 ， 消 费 者 可 以 用 自己 的 Twitter 
账户 直接 向 @twelpforce 账号 提问 ， 任 何 百思买 的 员工 都 能 通过 @reply(Twitter 上 回复 某 人 的 
方式 ) 的 方式 来 回复 顾客 的 提问 。 
这 样 做 ， 一 方面 用 户 得 到 了 最 快速 的 信息 反馈 ， 甚 至 是 直接 深入 到 某 一 部 门 某 一 职员 ， 

而 不 是 停留 在 并 不 一 定 了 解 情 况 的 客服 专员 那里 ， 市 场 部 门 的 25 颗 脑袋 一 下 子 变 成 全 公司 15 
万 员工 的 集体 智慧 ， 另 一 方面 ， 利 用 网 络 模糊 市 场 营销 与 客户 服务 的 界限 ， 有 效 动员 百思买 
的 员工 积极 参与 到 在 线 客户 信息 服务 中 ， 从 而 让 企业 更 加 互动 和 有 活力 。 


NN 8) ”做 好 危机 公关 








微 博 是 一 个 “ 双 刃 全”， 但 也 是 将 互联 网 危机 在 第 一 时 间 消 绢 于 无 形 的 利器 。 主 动 找 上 
门 来 的 或 在 自己 微 博 上 发 牢骚 的 微 博 用 户 ， 企 业 应 该 第 一 时 间 贴 上 去 ， 用 尊重 用 户 的 方式 ， 
去 了 解 问题 的 始末 由 来 ， 态 度 诚 层 地 解决 问题 ， 切 勿 引起 和 争辩。 甚至 可 以 用 敢于 主动 解决 问 
题 的 方式 来 提高 企业 品牌 美誉 度 。 要 以 德 服 人 ， 而 以 势 压 人 、 打 压 或 者 通过 公关 公司 删除 负 
面 信息 的 方式 是 绝 不 可 取 的 。 

2010 年 7 月 ， 霸 王 洗 发 水 被 爆 “ 致 癌 风 波 ”。 霸 王 在 第 一 时 间 开 启 微 博 ， 通 过 官方 微 博 
发 布 29 条 信息 做 出 相关 说 明 。 霸 王 凭 借 微 博 公布 信息 ， 将 媒体 集中 到 微 博 上 ， 减 少 了 猜测 ， 
提高 了 危机 公关 的 效率 ， 这 其 实 是 非常 有 借鉴 意义 的 。 

总 之 ， 对 企业 微 博 来 说 ， 尽 量 不 要 利用 微 博 去 卖 产 品 ， 微 博 应 当 承 载 的 是 一 个 品牌 形象 
推广 和 监测 的 功能 。 企 业 可 以 通过 这 个 平台 直接 获取 消费 者 对 品牌 的 感受 以 及 最 新 的 需求 ， 
从 而 为 企业 获取 市 场 动态 及 进行 危机 公关 提供 依据 。 

9) ”善于 回复 粉丝 们 的 评论 

我 们 要 积极 查看 并 回复 微 博 上 粉丝 的 评论 ， 被 关注 的 同时 也 去 关注 粉丝 的 动态 。 既 然 是 
互动 ， 那 就 得 相互 动 起 来 ， 有 来 才 会 有 往 。 如 果 你 想 获取 更 多 评论 ， 就 要 用 积极 的 态度 去 对 
待 评论 ， 回 复评 论 也 是 对 粉丝 的 一 种 尊重 。 

10) 确保 信息 真实 与 透明 

我 们 搞 一 些 优惠 活动 、 促 销 活动 时 ， 当 以 企业 的 形式 发 布 ， 要 即时 兑现 ， 并 公开 得 奖 情 
况 ， 获 得 粉丝 的 信任 。 微 博 上 发 布 的 信息 要 与 网 站 上 一 致 ， 并 且 在 微 博 上 及 时 对 活动 跟踪 报 
道 。 确 保 活动 的 持续 开展 ， 以 吸引 更 多 客户 的 加 入 。 


4. 个 人 微 博 “ 企 业 化 ” 


让 企业 员工 的 个 人 微 博 成 为 企业 品牌 树立 的 一 个 标杆 ， 在 很 大 程度 上 能 够 填补 企业 官方 
微 博 的 不 足 。 特 别 是 企业 高 层 微 博 ， 它 可 以 很 生活 化 ， 记 述 自己 在 生活 中 的 所 见 所 闻 所 感 
也 可 以 很 职业 化 ， 讲 述 最 近 在 工作 中 的 麻烦 。 闲 谈 之 间 ， 就 拉 近 了 原本 在 网 民 看 来 比较 神秘 
的 企业 老总 和 自己 的 距离 。 

在 国外 ， 这 已 经 是 一 个 非常 普遍 的 现象 。 

Zappos 以 网 上 卖 鞋 起 家 ， 现 在 已 经 变 成 了 一 个 名 副 其 实 的 网 络 百 货 商场 。Zappos 的 客户 
是 一 群 年 轻 并 蜗居 于 网 络 的 人 。 其 首席 执行 官 Tony Hsieh 以 CEO 的 名 义 开 了 Twitter 账户 ， 














其 拥有 169 万 之 多 的 追随 者 ， 表 明了 Zappos 乐于 接近 客户 、 理 解 客户 的 态度 (在 交流 中 建立 
开放 诚实 的 关系 )， 他 非常 坦诚 地 与 用 户 进行 沟通 ， 给 整个 公司 的 品牌 带 来 了 积极 的 影响 。 

而 在 国内 ，“ 企 业 + 个 人 ”的 微 博 模 式 ， 突 出 体现 在 互联 网 企业 ， 特 别 是 游戏 公司 。 不 仅 
游戏 公司 高 层 开设 微 博 和 普通 用 户 互动 ， 就 连 中 高 层 也 通过 微 博 为 企业 品牌 不 断 加 分 。 

但 凡 一 款 新 游戏 发 布 前 夜 ， 都 会 引发 不 少 玩家 在 微 博 上 的 讨论 。 这 时 ， 一 个 已 经 模式 化 
的 微 博 营销 方式 就 是 ， 不 少 游戏 的 设计 主管 会 在 关键 时 刻 分 享 一 些 最 新 的 设计 内 容 和 某 些 产 
品 趣闻 ， 甚 至 部 门 之 间 的 负责 人 还 会 在 微 博 上 为 某 个 产品 打 一 下 口水 战 。 尽 管 无 法 确 知 是 不 
是 营销 行为 ， 但 总 能 吸引 到 不 少 关注 度 。 而 带 有 企业 印记 的 个 人 微 博 ， 无 论 是 哪 一 阶层 ， 其 
实 都 在 或 明 或 暗 地 彰 显 着 企业 文化 。 在 这 方面 加 强 引 导 ， 让 个 人 微 博 为 企业 品牌 加 分 ， 又 不 
让 其 失去 独立 性 ， 则 有 聚 沙 成 塔 的 效果 。 

而 比较 经 典 的 案例 发 生 在 2012 年 世界 杯 期 间 。 

4399 游戏 网 站 站 长 蔡 文 胜 发 了 一 条 微 博 : “为 感谢 博 友 们 的 支持 ， 配 合 世界 杯 和 大 家 互 
动 一 下 。 大 家 可 以 竞猜 世界 杯 最 后 四 强 排 名 。 一 、 只 要 评论 我 这 条 微 博 ， 写 出 四 强 顺 序 ， 如 
例 : 1 阿根廷 ，2 德国 ，3 巴西 ，4 英格兰 ， 并 转发 到 你 自己 微 博 留 底 。 二 、 从 现在 开始 72 小 
时 内 回复 有 效 。 会 以 最 先 回 复 时 间 来 计算 前 32 位 猜 中 者 ， 送 出 32 部 iPhone4。” 简 单 的 一 个 
活动 ， 收 获 了 30 万 人 参与 ， 同 时 这 几 十 万 人 也 把 蒙 文 胜 和 “4399” 记 住 了 。 其 实 蔡 文 胜 并 没 
有 在 这 个 活动 中 为 自己 的 网 站 做 任何 显 性 宣传 ， 无 招 胜 有 招 轩 了 。 

当然 也 有 比较 失败 的 案例 。 比 如 互联 网 企业 老总 之 间 为 了 产品 之 争 而 进行 的 骂 战 ， 通 过 
他 们 自己 的 微 博 发 布 ， 且 不 断 地 传播 ， 被 微 博 用 户 所 熟知 ， 并 被 传统 媒体 和 大 量 网 络 媒体 所 
引用 。 其 结果 是 骂人 的 无 论 再 有 理 ， 最 后 依然 把 自己 企业 的 品牌 深 深 伤害 了 。 


5. 精确 瞄准 目标 用 户 


不 管 是 哪 一 种 企业 微 博 推广 模式 ， 企 业 微 博 的 推广 营销 一 定 要 精准 。 没 有 哪 一 家 互联 网 
企业 不 想 将 企业 的 声音 传递 到 最 应 该 传达 到 的 受众 身上 ， 这 可 以 广义 地 理解 为 信息 对 于 目标 
用 户 的 “精准 递送 ”。 如 果 这 种 信息 传播 没 做 到 精准 性 ， 那 么 这 次 推广 就 和 目标 人 群发 生 了 
信息 传递 不 匹配 ， 就 不 会 形成 有 效 的 反馈 、 互 动 。 类 似 “问题 传播 ”的 结果 只 能 用 失败 去 
定义 。 

因而 ， 企 业 在 策划 其 相应 的 微 博 营 销 活动 之 前 ， 就 应 该 明确 该 活动 的 信息 如 何 才能 利用 
最 有 效 的 信息 传输 渠道 ， 并 负载 简明 扼要 的 信息 ， 精 准 传 递 到 更 具有 传播 效用 的 目标 用 户 
手中 。 

作为 一 个 全 新 的 互联 网 传播 载体 ， 微 博 的 应 用 其 实 还 有 极其 广阔 的 海洋 。 而 时 至 今日 ， 
真正 在 国内 非常 成 功 的 微 博 案例 并 不 算 多 。 究 其 原因 ， 还 是 在 于 微 博 营销 尽管 如 同 论坛 话 
题 、 网 络 新 闻 等 一 样 ， 可 以 具备 极 强 的 瞬间 爆发 力 ， 但 它 同时 也 是 一 个 长 期 且 系统 的 工程 ， 
一 两 个 话题 引爆 并 不 代表 一 个 微 博 的 成 功 ， 长 时 间 潜 心 积累 和 糙 耘 实现 微 博 传播 从 量变 到 
质变 的 奇特 效果 ， 真 正 达到 六 度 空间 理论 的 口碑 神话 从 而 点 亮 社 群 ， 才 是 微 博 营销 成 败 的 关 
键 。 这 一 点 对 于 个 人 乃至 企业 都 是 一 样 的 。 
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13.5 ”网络 新 闻 营 销 
下 面 来 看 看 网 络 新 闻 区 别 于 其 他 传统 媒体 的 几 大 突出 特征 。 


13.5.1 强悍 的 时 效 性 


与 传统 媒体 相 比 ， 网 络 的 时 效 性 是 有 目 共 睹 的 。 纸 质 媒体 的 出 版 周期 常 以 天 或 周 计 ， 如 

杂志 则 是 半月 刊 、 月 刊 或 季刊 ， 电 视 、 广 播 的 周期 以 天 或 小 时 计算 ， 一 般 还 得 根据 不 同时 段 

的 节目 设置 来 安排 ， 而 网 络 新 闻 的 更 新 周期 却 是 以 分 钟 甚至 秒 来 计算 的 。 通 过 互联 网 进行 电 

子 传播 的 网 络 媒体 比 通过 传统 的 实质 性 载体 进行 物质 级 别传 播 的 传统 媒体 的 传输 成 本 更 低 ， 

速度 也 更 快 。 

网 络 传播 所 需 的 是 一 台 个 人 计算 机 、 一 台 调制 解压 器 ， 但 却 可 以 实时 地 把 消息 传送 上 网 

络 。 而 且 网 络 传播 是 流动 的 ， 没 有 特定 的 出 版 时 间 ， 随 时 可 以 插播 新 的 信息 ， 这 就 决定 了 网 
络 即时 传播 的 可 能 。 

2008 年 5 月 12 日 汶川 大 地 震 ， 给 所 有 中 国人 的 心 上 都 留 下 了 一 道 深 深 的 伤痕 。 在 地 震 发 

生 以 后 ， 各 大 网 站 都 反应 迅速 ，5 月 12 日 14:46， 新 华 网 最 早 发 出 快讯 : 四 川 汶川 发 生 7.6 级 

地 震 。15:02， 央 视 播 出 了 第 一 条 地 震 消息 ， 比 网 络 慢 了 16 分 钟 ， 而 最 快 的 报纸 也 只 能 是 当 

天 的 晚报 了 。 从 时 间 的 对 比 上 可 以 看 出 ， 网 络 新 闻 确 实在 快速 反应 、 即 时 更 新 方面 有 着 传统 
媒体 难以 比肩 的 优势 。 

而 这 一 时 效 性 有 着 强大 的 信息 容量 。 过 去 的 通讯 社 也 能 达到 超 快 的 时 效 性 ， 能 够 做 到 和 

时 间 同 步 ， 但 绝对 是 一 句 话 新 闻 、 一 条 简讯 ， 之 后 也 很 难 迅速 对 内 容 进行 填充 。 而 网 络 新 闻 

则 不 同 ， 网 络 容 量 之 大 ， 任 何其 他 媒介 都 无 可 企及 。 在 传统 的 新 闻 媒 体 上 ， 如 报纸 的 版 面 

电视 、 广 播 的 时 间 都 是 有 限 的 ， 而 面 对 这 样 一 个 信息 爆炸 的 时 代 ， 传 统 版 面 的 信息 量 是 完全 

不 能 满足 现代 社会 受众 需要 的 。 但 网 络 新 闻 就 很 轻松 地 解决 了 这 一 问题 。 网 络 新 闻 的 超 链接 

方式 使 网 络 新 闻 的 内 容 在 理论 上 具有 无 限 的 扩展 性 与 丰富 性 。 只 要 是 信息 ， 并 且 传 播 者 觉得 

对 受众 有 帮助 ， 便 可 以 将 这 一 信息 放 在 互联 网 上 ， 而 不 需要 受到 别 的 限制 。 


13.5.2 ”猛烈 的 传播 力 


据 新 浪 网 公布 数字 显示 ，2011 年 11 月 1 日 ， 在 “神舟 八 号 ”发 射 当 天 ， 该 网 站 所 制作 的 
专题 浏览 量 达到 4.5 亿 人 次 ， 超 过 当天 所 有 国内 报纸 读者 总 和 。 值 得 注意 的 是 ， 在 这 次 新 闻 报 
道 过 程 中 ， 新 浪 网 综合 了 几乎 所 有 大 众 传媒 信息 传播 手段 ， 文 字 报道 、 视 频 、 音 频 、 手 机 短 
信 ， 而 不 是 像 以 前 经 常 采 用 的 单纯 的 文字 滚动 报道 ， 进 而 大 获 成 功 。 

这 就 是 网 络 新 闻 的 传播 力 ， 是 任何 报纸 都 无 法 达到 的 。 网 络 媒体 传播 空间 不 分 地 域 、 没 
有 疆界 ， 可 以 说 ， 全 球 互通 互 连 的 电子 网 络 有 多 大 ， 网 络 媒体 的 传播 空间 就 有 多 大 。 网 络 媒 
体 传 播 空间 的 无 限 广阔 ， 是 报纸 等 传统 媒体 望尘莫及 的 。 国 内 顶级 大 报 发 行 量 过 百 万 ， 即 使 
是 《南方 周末 》 这 样 的 一 直 风行 的 媒体 ， 其 数 百 万 发 行 量 ， 外 加 其 宣称 的 传阅 达到 5 次 ， 也 
至 多 不 过 千 万 而 已 。 但 仅仅 新 浪 网 在 一 个 专题 上 的 影响 力 就 足以 媲美 十 多 家 主流 大 报 ， 其 传 





Gas 


播 力 可 见 一 斑 。 

而 这 种 传播 力 甚至 成 就 了 一 些 传统 媒体 的 辉煌 ， 让 它们 在 大 本 营 的 传统 媒体 上 所 没有 获 
得 的 影响 力 ， 在 网 络 上 获得 了 。 比 较 经 典 的 是 《联合 早报 》， 作 为 新 加 坡 和 东南 亚 地 区 销量 
最 大 的 华文 日 报 ， 每 天 的 发 行 量 超过 20 万 份 。1995 年 电子 版 开始 上 网 发 行 ， 至 1997 年 9 
月 ， 电 子 版 的 月 阅览 次 数 突破 1000 万 ， 成 为 新 加 坡 第 一 份 月 阅览 总 数 超过 千 万 次 的 网 上 报 
纸 。 美 国 媒体 业 权威 杂志 《多 样 化 》 发 表 的 调查 表明 ， 网 络 新 闻 媒 体 阅读 率直 线 上 升 ， 如 
CNN 新 闻 网 的 收视 率 增加 了 10 倍 ; 日 本 《朝日 新 闻 》1995 年 8 月 10 日 上 网 ， 第 一 周 浏 览 人 
数 便 达 到 100 万 ， 到 1997 年 1 月 13 日 ， 上 网 访问 的 人 次 累计 已 达 5 亿 ; 我 国 的 《电脑 报 》 
电子 版 自 1997 年 2 月 21 日 开通 以 来 ， 不 到 一 个 月 ， 上 网 访问 人 数 超过 2 万 ， 现 正 以 每 天 增 
长 500 人 次 以 上 的 记录 往 上 人 攀升， 成 为 网 上 颇 有 影响 的 中 文 电子 媒体 。 有 的 报刊 原先 名 不 见 
经 传 ， 因 为 上 了 因特网 ， 阅 读 率直 线 上 升 ， 知 名 度 大 大 提高 。 

这 种 直接 的 对 比 几乎 让 传统 媒体 都 自觉 地 向 网 络 媒体 的 传播 力 投降 ， 自 叹 不 如 。 


13.5.3 轻松、 自主 


与 传统 新 闻 比 较 ， 网 络 新 闻 更 具 可 读 性 、 知 识 性 、 趣 味 性 ， 更 平民 化 ， 这 让 网 络 新 闻 的 
读者 要 比 传统 新 闻 多 。 毕 竟 谁 都 愿意 听 朋友 说 话 ， 多 有 趣 、 多 生活 化 啊 ， 难 道 你 很 喜欢 一 天 
到 晚 看 着 老师 板 着 脸 教 导 你 这 样 做 那样 做 吗 ? 在 潜意识 里 ， 我 们 会 把 网 络 新 闻 当 朋友 ， 而 把 
传统 媒体 当 老 师 ， 亲 近 程 度 自 然 不 一 样 。 

网 络 新 闻 在 语言 表述 上 更 为 口语 化 ， 轻 松 活泼 ， 许 多 新 闻 幽 默 、 犀 利 ， 可 读 性 极 强 。 网 
络 新 闻 语 言 的 这 些 特点 的 形成 大 致 源 于 以 下 原因 。 

(1) 网 络 新 闻 要 求 极 快 的 更 新 速度 ， 因 而 需要 使 用 简明 易 读 的 语言 。 

(2) 网 络 新 闻 的 互动 性 与 自主 性 ， 使 得 新 闻 语 言 的 表达 趋 于 口语 化 和 易 交 流 性 。 

(3) 与 传统 媒体 点 对 面 的 单 向 传输 不 同 ， 网 络 传播 是 点 对 点 进行 的 ， 具 有 交互 性 。 

要 调动 受众 参与 的 积极 性 ， 就 必须 使 新 闻 稿件 的 现场 感 增强 ,行文 生动 ， 可 读 性 强 , 或 
较为 口语 化 ， 幽 默 轻松 ， 使 受众 有 交流 的 渴望 ， 愿 意 往 各 网 站 设置 的 论坛 、 博 客 上 发 发 帖 
子 ， 写 点 博文 ， 一 吐 为 快 。 

而 且 ， 网 络 新 闻 与 传统 新 闻 比 较 ， 新 闻 信息 的 联结 不 再 仅仅 是 线性 的 ， 而 是 网 状 的 ， 新 
闻 报 道 与 写作 的 文本 结构 不 再 仅仅 是 线性 文字 的 ， 而 是 超 文本 结构 的 。 即 它 不 仅 有 文字 文 
本 ， 而 且 有 声音 文本 、 图 画 文 本 、 动 画 文本 甚至 影视 文本 。 这 使 得 网 络 新 闻 其 实 具 备 了 报 
纸 、 电 视 、 广 播 乃至 动漫 的 色彩 ， 是 当之无愧 的 全 媒体 ， 可 以 全 面 兼 容 其 他 所 有 媒体 的 特 
征 ， 化 为 已 用 ， 从 而 最 大 限度 地 满足 所 有 读者 的 需求 。 如 果 你 不 想 看 文字 ， 那 么 你 可 以 看 图 
说 话 ， 如 果 连 图 也 不 想 看 ， 可 以 考虑 看 看 视频 ;要 是 连 视频 都 不 看 ， 那 还 有 其 他 选择 ， 如 果 
啥 都 不 选 ， 那 你 不 是 网 络 新 闻 的 受众 ， 也 没 必要 被 网 络 新 闻 照 顾 了 ， 不 过 这 样 的 人 要 么 不 懂 
得 用 计算 机 ， 要 么 连 传统 媒体 也 不 太 关注 。 

所 以 ， 网 络 新 闻 具 有 丰富 多 彩 的 立体 性 和 艺术 性 、 简 洁 明 快 的 生活 化 、 自 在 平等 的 人 性 
化 和 非常 可 喜 的 民主 化 。 它 虽然 有 时 会 不 免 泥 沙 俱 下 ， 也 有 这 样 或 那样 的 缺憾 和 不 足 之 处 ， 
但 互联 网 的 出 现 无 疑 给 新 闻 的 传播 创造 了 一 个 前 景 极 好 的 平台 。 
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13.5.4 互动 升级 为 共 动 


在 传统 媒体 新 闻 传 播 中 ， 受 众 往往 会 受到 各 种 限制 ， 比 如 报纸 只 能 阅读 上 面 既定 的 内 
容 ， 电 视 广 播 都 得 按照 其 预定 的 时 间 收 看 、 收 听 。 而 网 络 就 没有 那么 多 的 限制 ， 只 要 登录 到 
互联 网 ， 就 可 以 在 任何 一 个 网 站 看 到 想 看 的 新 闻 ， 并 根据 自己 的 兴趣 爱好 自由 地 选择 。 读 者 
不 再 被 动 地 接收 信息 ， 而 是 自主 地 去 选择 信息 。 同 时 ， 大 家 还 可 以 对 自己 感 兴趣 的 内 容 加 以 
评论 ， 与 众多 网 友 共 同 交流 。 

网 络 新 闻 具 有 良好 的 交互 性 ， 读 者 可 以 利用 网 站 上 的 “读者 ”“ 留 言 短 ”“ 网 上 杂 坛 ” 

等 栏目 ， 加 强 各 方面 的 相互 交流 。 在 网 络 新 闻 上 ， 可 以 增强 读者 与 编辑 、 读 者 与 读者 的 交 

流 。 读 者 不 再 被 动 地 看 ， 而 是 可 以 主动 参与 。 不 少 读者 在 读 完 网 络 新 闻 后 ， 随 即 发 来 电子 邮 

件 ， 或 在 新 闻 之 后 跟 帖 ， 积 极 参与 编辑 工作 ， 有 的 提 建 议 ， 有 的 无 偿 提 供 资料 。 而 这 些 电子 

邮件 只 需 几 秒 就 可 传 到 网 站 的 电子 邮箱 中 ， 编 辑 因此 能 够 及 时 了 解读 者 意见 ， 解 答 读者 疑问 ， 信 
息 反 馈 很 快 。 读 者 与 编辑 、 记 者 ， 通 过 电子 邮件 方式 ， 可 以 就 各 种 问题 进行 “面对面 ”的 交流 。 

利用 互动 功能 的 不 仅 有 新 闻 网 站 ， 还 有 许 许 多 多 杀 入 网 络 新 闻 传 播 的 传统 媒体 甚至 是 电 
视 媒 体 。 其 中 CCTYV 与 其 网 站 央视 国际 的 互动 更 为 突出 。 从 2001 年 起 ， 央 视 国际 多 次 实现 了 
与 电视 节目 的 互动 ， 其 中 包括 中 国 加 入 世贸 组 织 的 特别 报道 ， 中 央视 国际 与 《东方 时 空 》 节 
目 进行 的 网 上 互动 直播 ，2002 年 及 2003 年 春节 联欢 晚会 ， 央 视 国际 与 电视 晚会 的 互动 等 。 

然而 ， 互 动 只 能 说 明 传 播 双方 交流 通道 的 畅通 ， 在 互动 过 程 中 ， 传 播 者 仍然 起 着 主导 地 
位 ， 而 受众 仍然 是 接收 者 与 相对 被 动 的 反馈 者 。 但 是 ， 从 网 络 新 闻 发 展 的 实践 来 看 ， 在 一 定 
的 场合 下 ， 网 民 不 仅 是 信息 的 接收 者 与 反馈 者 ， 同 时 也 可 能 在 一 定 程度 上 影响 到 网 络 新 闻 传 
播 者 的 传播 意向 与 行为 。 有 时 ， 在 一 个 新 闻 事 件 的 传播 过 程 中 ， 网 民 与 新 闻 网 站 的 作用 几乎 
是 同等 重要 的 ， 两 者 之 间 也 渐渐 融 为 一 体 ， 很 难 分 出 彼此 。 两 者 之 间 的 沟通 方式 ， 已 经 不 再 
是 简单 的 反馈 与 交流 ， 而 是 一 种 你 中 有 我 、 我 中 有 你 的 共同 协作 。 

因此 ， 网 络 受众 的 第 二 次 飞跃 表现 为 将 互动 的 关系 进一步 演化 为 “ 共 动 ”的 关系 。 这 时 
受众 参与 的 主要 手段 仍然 是 论坛 、 邮 件 等 基本 方式 ， 但 是 他 们 处 于 更 积极 的 地 位 。 他 们 可 以 
通过 新 闻 的 转发 提升 某 些 新 闻 的 价值 ， 增 加 某 些 事件 的 关注 度 ， 也 可 以 通过 热烈 的 讨论 ， 将 
个 人 意见 汇流 为 公共 意见 。“ 共 动 ”意味 着 受众 在 网 络 新 闻 传 播 中 的 作用 得 到 了 更 充分 的 体 
现 ， 而 同时 ， 他 们 对 社会 生活 的 干预 能 力也 增强 了 。 近 年 来 ， 一 系列 网 络 新 闻 事件 ， 正 是 传 
统 媒体 、 网 络 媒体 与 网 民 共 动 的 结果 。 


13.5.5 ”网 络 新 闻 写 作 技 巧 


新 闻 界 有 句 行 话 : “标题 是 新 闻 的 眼睛 ”， 因 为 新 闻 标 题 不 仅 是 一 篇 完整 的 新 闻 报道 的 
重要 组 成 部 分 ， 更 对 新 闻 信息 的 传递 起 着 至 关 重 要 的 作用 。 对 很 多 人 来 说 ， 阅 读 报纸 仅 就 是 
阅读 一 下 标题 ， 看 到 感 兴趣 的 ， 才 会 去 仔细 看 看 正文 。 网 络 新 闻 更 是 如 此 。 

网 络 开创 了 “ 读 题 时 代 ”。 一 则 有 创意 的 标题 能 化 腐朽 为 神奇 ， 并 且 能 带 来 极 高 的 点 击 
率 。 在 这 个 网 络 容量 无 限 、 新 闻 信 息 爆 炸 的 年 代 ， 网 民 如 何 找到 自己 关心 的 新 闻 和 信息 ， 如 
何 才 更 吸引 网 民 的 “眼球 ”， 在 很 大 程度 上 取决 于 网 络 编辑 的 标题 制作 水 平 。 为 了 紧 跟 “ 眼 
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球 经 济 ” 的 步伐 ， 很 多 网 站 在 对 一 些 平淡 无 奇 的 新 闻 进 行 编辑 时 ， 常 常 使 用 各 种 手段 ， 制 作 
吸引 受众 的 新 闻 标 题 ， 当 这 种 做 法 过 当时 就 出 现 了 “标题 党 ” 


1. 标题 多 样 性 


很 多 从 事 企业 公关 的 媒介 人 员 很 喜欢 干 一 件 事 ， 那 就 是 每 天 给 各 个 网 络 媒体 群发 稿件 。 
先 不 论 稿件 的 质量 如 何 ， 仅 看 看 标题 就 知道 成 败 了 。 因 为 如 果 不 研究 网 站 特征 ， 而 是 一 个 通 
稿 发 到 底 ， 就 算 你 运气 不 错 ， 编 辑 和 你 关系 也 不 错 ， 将 你 的 文章 发 布 在 网 站 新 闻 的 重要 位 
置 ， 你 也 可 能 失败 。 为 什么 ? 因为 你 的 标题 都 是 一 个 模子 ， 没 有 取 好 就 没 人 看 。 

一 定 要 和 弄 清楚 网 络 媒 体 和 传统 媒体 的 区 别 。 网 络 媒 体 在 发 展 中 形成 了 自身 的 标题 制作 特 
点 ， 如 网 络 新 闻 标 题 多 为 描述 基本 事实 的 字数 极其 有 限 的 一 行 标题 ， 由 于 时 效 性 的 要 求 ， 制 
作 时 无 法 仔细 期 酌 ， 处 于 快速 撰 题 实时 发 稿 的 状态 :如果 刊 发 后 发 现 标 题 有 问题 或 对 标题 表 
述 不 满意 ， 可 以 再 修改 、 再 刊 发 ;网 站 编辑 对 新 闻 标 题 制作 的 自主 性 相对 传统 媒体 较 高 ， 审 
核 机 制 不 严格 ， 另 外 ， 部 分 传统 媒体 图 文 新 闻 、 标 题 本 身 存 在 问题 ， 被 网 络 编辑 不 加 甄别 、 
判断 而 直接 转载 采用 。 尽 管 存在 不 少 问 题 ， 但 网 络 新 闻 的 标题 依旧 有 着 极 强 的 特征 。 

毕竟 对 网 络 新 闻 编 辑 来 说 ， 消 息 的 条 数 太 多 ， 展 示 起 来 不 容易 安排 。 由 于 网 络 上 的 新 闻 
信息 是 以 一 种 超 文 本 的 形式 呈现 的 ， 读 者 对 新 闻 的 选择 ， 首 先是 通过 对 一 个 个 标题 的 浏览 来 
实现 的 ， 标 题 是 新 闻 发 生 作用 的 起 点 ， 是 新 闻 信 息 为 读者 所 接收 的 必 经 通道 。 读 者 总 是 先 接 
触 到 作为 阅读 索引 的 标题 ， 然 后 通过 点 击 标题 ， 再 看 到 相关 的 正文 或 图 片 。 这 种 阅读 程序 决 
定 了 标题 在 网 络 传播 中 的 作用 ， 大 大 超过 了 它们 在 传统 媒体 传播 活动 中 的 作用 。 新 闻 标 题 之 
所 以 成 为 网 络 受众 认识 新 闻 内 容 、 判 断 新 闻 价 值 的 第 一 信号 ， 成 为 受众 决定 是 否 索 取 深 层 新 
闻 信 息 的 第 一 选择 关口 ， 原 因 是 网 络 新 闻 的 标题 与 正文 之 间 客 观 上 存在 着 疏离 性 (阅读 任何 一 
条 新 闻 都 必须 从 一 级 页 面 或 一 级 页 面 再 次 点 击 进去 )。 

为 什么 不 要 发 统一 的 标题 呢 ? 说 个 最 简单 的 例子 吧 。 打 开 网 站 新 闻 页 ， 或 许 每 个 站 点 上 
都 有 一 样 标题 的 新 闻 ， 你 在 这 个 站 点 上 不 愿意 去 看 ， 自 然 下 一 个 站 点 你 也 不 会 打开 ， 这 是 很 
正常 的 阅读 心理 ， 那 么 你 的 新 闻 就 算 登 录 了 各 大 网 站 ， 如 果 读 者 不 想 读 ， 一 样 不 会 读 。 怎 么 
解决 这 个 问题 呢 ? 最 简单 的 办 法 就 是 标题 不 同 。 

根据 每 个 网 站 的 不 同 特点 ， 拟 定 不 同 的 标题 ， 这 样 就 有 了 完全 不 同 的 效果 。 比 如 ， 长 虹 
出 品 等 离子 液晶 显示 屏 ， 邀 请 奥运 女孩 林妙可 做 代言 人 。 在 新 浪 科 技 上 的 标题 可 为 《国内 首 
个 等 离子 生产 线 落户 长 虹 》， 搜 狐 娱 乐 上 则 是 《林妙可 靠 等 离子 保护 眼睛 》， 网 易 科 技 又 可 
以 为 《长 虹 等 离子 技 压 国外 电视 》; 人 民 网 的 读者 比较 偏重 于 对 国事 关心 之 人 ， 可 以 让 标题 
变 得 正规 一 些 ， 比 如 《中 国 首 条 等 离子 生产 线 投放 生产 纪实 》…… 根据 每 个 媒体 每 个 频道 投 
放 的 不 同 特点 ， 重 新 拟 题 ， 读 者 东边 不 看 ， 到 了 西边 或 许 就 会 点 击 了 ， 而 且 还 可 以 深度 开发 
科技 读者 和 娱乐 读者 ， 乃 至 更 多 读者 群落 。 网 络 新 闻 的 受众 群体 在 很 大 程度 上 比较 分 散 ， 喜 
欢 娱 乐 的 未 必 喜 欢 科技 ， 也 不 会 去 看 科技 ， 就 看 你 如 何 开发 利用 了 。 

当然 ， 一 切 都 必须 从 源头 做 起 ， 怎 么 写 好 一 个 能 够 吸引 人 去 阅读 的 标题 呢 ? 其 实 并 不 
复杂 。 


2. 标题 长 度 适当 
网 络 新 闻 的 标题 不 同 于 报纸 标题 ， 报 纸 标题 因为 版 面 的 原因 ， 可 长 可 短 ， 有 的 标题 甚至 








始 淹 芍 呈 朵 十 谎 二 加 几 e 小 面前 






IGG 


‘50@ 





Dreamweaver+ASP 动 态 网 站 开发 
案例 课堂 ~ 


有 一 百 多 字 ， 再 加 上 有 引 题 、 正 题 和 副题 的 区 别 ， 其 标题 写作 的 宽容 度 其实 很 大 。 而 网 络 新 
闻 则 不 同 ， 它 对 标题 有 严格 的 字数 限制 。 因 为 网 页 版 面 的 整体 布局 是 相对 固定 的 ， 标 题字 数 
受到 行 宽 的 限制 ， 既 不 宜 折 行 ， 也 不 宜 空 半 行 。 简 单 来 说 ， 就 是 一 个 单行 标题 。 在 标题 板块 
中 ， 各 题 长 短 以 接近 一 致 为 宜 。 一 般 而 言 ， 网 络 新 闻 标 题字 数 以 16 一 20 个 字 为 宜 ， 且 最 好 能 
以 空白 或 标点 分 开 ， 并 控制 在 7 一 10 个 字 组 成 一 段 文字 。 

在 制作 标题 时 要 特别 留意 ， 不 要 太 短 ， 也 不 要 太 长 ， 一 定 要 按照 规矩 来 制作 。 哪 怕 是 你 
想到 了 一 个 惊 世 好 题目 ， 也 要 遵循 这 个 规矩 。 原 因 很 简单 : 你 的 标题 全 部 被 放置 在 页 面 上 以 
后 ， 你 会 发 现 ， 要 是 太 短 ， 整 个 版 面 不 协调 ;要 是 太 长 ， 版 面 上 发 布 时 放 不 下 ， 结 果 你 要 表 


达 的 意思 就 不 能 被 网 民 看 见 。 
针对 不 同 网 站 进行 调查 研究 ， 进 行 一 次 分 众 传播 ， 针 对 你 要 发 布 新 闻 的 核心 站 点 ， 多 观 
察 对 方 网 站 新 闻 标题 的 长 度 ， 比 如 新 浪 游戏 频道 的 焦点 新 闻 ， 比 较 偏 好 于 10 一 12 个 字 ， 那 么 
就 要 将 发 给 对 方 的 新 闻 通 稿 标题 设 定 在 这 个 范围 之 内 ; 而 腾讯 游戏 频道 的 焦点 新 闻 则 喜好 
16 一 20 字 ， 同 样 如 此 去 设计 。 这 样 做 可 以 节省 编辑 的 时 间 ， 让 他 更 好 地 推荐 你 发 来 的 新 闻 ， 
同时 也 能 让 你 最 终 发 布 在 网 上 的 新 闻 标 题 能 够 最 深刻 地 贴近 你 的 意图 所 在 。 


3. 标题 要 务实 


许多 人 给 标题 取 名 字 ， 往 往 特别 空 。 报 纸 的 新 闻 标 题 有 虚实 之 分 ， 实 题 要 交代 新 闻 要 
素 ， 虚 题 可 以 是 议论 或 警句 等 。 报 纸 新 闻 最 大 的 特点 是 题 文 一 体 ， 即 使 是 虚 题 ， 只 要 看 一 眼 
导语 ， 新 闻 中 的 主要 事实 也 就 清楚 了 。 而 网 络 媒体 不 行 ， 虚 题 往往 使 读者 不 得 要 领 ， 也 就 影 
响 了 “点 击 率 ”。 因 此 网 络 新 闻 标 题 一 定 要 抓 住 新 闻 事实 中 的 一 个 或 几 个 新 闻 要 素 ， 通 过 恰 
当 组 合 ， 抓 住 “新 闻 眼 球 ”， 吸 引 受 众 点 击 。 

应 当 用 最 简洁 的 文字 将 新 闻 中 最 有 价值 、 最 生动 的 内 容 提示 给 网 民 ， 主 要 有 以 下 几 点 。 

1)” 实 题 明 义 

比如 ， 这 个 标题 《联想 ThinkPad 系列 将 首 用 AMD 处 理 器 》， 很 明显 ， 一 看 标题 就 知道 
文章 中 的 内 容 。 这 则 新 闻 本 身 很 简短 ， 就 是 告诉 人 们 这 款 笔记 本 将 第 一 次 使 用 AMD 处 理 
器 。 就 算 读 者 不 去 点 击 这 个 新 闻 ， 对 联想 而 言 ， 它 所 要 告诉 读者 的 信息 也 已 经 说 得 差不多 
了 ， 如 图 13-29 所 示 。 

2) ”尽量 使 用 主动 句 式 

这 一 模式 主要 是 要 求 主动 地 揭 开 要 传达 的 信息 的 盖子 ， 不 能 藏 着 掖 着 。 比 如 有 的 标题 乍 
一 看 很 炫目 《你 也 可 以 变 成 强壮 男人 》， 看 似 很 有 吸引 力 ， 但 太 像 广告 ， 别 人 一 看 就 觉得 是 
药品 广告 而 放弃 点 击 。 

3) ”语句 以 主 谓 结构 为 主 

例如 ， 标 题 《Android 不 是 Ophone 的 唯一 选择 》， 很 标准 的 语句 ， 主 谓 鲜明 ， 而 不 像 有 
些 人 制作 的 标题 ， 看 不 懂 ， 以 为 是 火星 语 ， 比 如 《购买 寂寞 的 几 个 本 子 》。 

4) ”强调 动感 ， 力 求 动态 地 揭示 新 闻 

比如 标题 《诺基亚 CEO 表达 很 后 悔 选择 错误 》， 让 人 一 看 就 没有 兴趣 ， 没 有 冲击 力 ; 反 
之 ,标题 《Android 手机 价格 急速 下 降 诺基亚 CEO 表达 悔 意 》 是 同一 则 新 闻 ， 从 这 则 新 闻 中 
提炼 出 来 的 新 闻 标 题 不 一 样 ， 对 于 读者 来 说 影响 力也 不 一 样 。“Android 手机 价格 急速 下 
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降 ”， 一 看 标题 ， 读 者 就 会 明白 诺基亚 CEO 为 什么 后 悔 。 哪 怕 不 点 击 ， 也 会 在 脑海 里 留 下 一 
定 的 印象 ， 如 图 13-30 所 示 。 
联想 ThinkPad 系 列 将 首 用 AMD 处 理 器 


hipJwww -sina com cn 2010 年 01 月 04 日 10.58 新 浪 科技 

新 浪 科技 讯 北京 时 间 1 月 4 日 上 午 消息 ， 据 瑟 外 媒体 报道 ， 联 想 新 挂 出 ThinkPad Edge 系 
列 将 首次 采用 A 处 理 器 ， 以 许 低 成 本 。 

新 款 ThinkPad Edee 系 列 设计 更 加 光 注 贺 洞 ， 刍 盘 更 加 商 单 化 ， 按 刍 稍 大 ， 预 计 推出 三 种 
尺寸 和 三 个 色 系 的 产品 ， 开 以 549 美 元 的 单价 在 美国 旗 销 。ThinkFad 部 门 经 理 查尔斯 " 为 内 
(Charles Sune) 表 示 ，Edee 系 列 产品 针对 中 小 企业 开发 设计 ， 以 独特 的 设计 和 壮丽 的 外 观 见 
长 。 这 一 消息 发 布 在 本 周 即 将 开幕 的 拉 斯 维 加 斯 CEs 大 展 之 前 。 

据 市 场 研究 和 分 析 公司 IC 透露 ，7-9 月 ， 联 想 PC 发 货 重 环比 增长 18%。 但 该 公司 表示 同期 
销售 收入 只 有 41 亿 美元 ， 环 比 下 降 5x。 

自 199: 年 巧 叶 信 出 ThinkPad 系 殉 笔记 本 以 来 ， 其 一 直 被 车 为 笔记 本 议 计 的 颖 跑 者 ， 目 前 已 
售 出 逾 3 干 万 台 。IBNE 于 2005 年 将 其 PC 业务 出 壤 给 联想 , 


联想 声称 ， 名 inkPad 产 品 采用 WD Neo 芯 片 棕 有 助 于 降 任 成 本 ， 增 强 产品 价格 优势 。 但 部 
分 ThinkPad 产 品 会 依 扰 保 贸 采 用 英特尔 处 理 器 。 
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联想 还 表示 ， 将 专 为 商业 人 士 推出 一 款 新 型 入 门 脾 ThinkPad 产 品 100e， 采 用 全 键盘 议 
计 ， 重 量 不 足 1. 56 公斤， 将 以 449 美 元 的 价格 销售 。 广 为 表示 这 一 举措 棕 “弥补 上 网 本 与 告 记 
本 间 的 产品 空白 ”。 (林木 ) 


图 13-29 联想 的 新 闻 标题 
Android 手 机 价格 急速 下 降 诺基亚 CE0 表 达 悔 意 


正文 我 来 说 两 名 1344 人 苑 与 ) 
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随 厦 i05 平 台 和 ndroid 平 台 的 兴起 ， 众 多 老牌 手机 巨人 的 日 子 部 变 得 不 太 好 过 。 划 兰 手机 巨头 诺基亚 
的 境况 可 谓 是 风雨 膨 近 ， 赛 班 系统 早已 流落 ， 而 号 孤注一掷 的 中 系统 也 前 途 未 卜 。 近 日 ， 湛 基 亚 ca0zd 公 
司 近期 所 做 的 决定 素 示 遗憾 和 后 悔 . 


美国 市 场 研究 机 构 asyneo 的 分 析 师 Horace Dediu 称 ， 诺 基 亚 首席 执行 官 Stephen Elop 近 日 在 搭 受 媒体 
访问 时 曾经 表示 ， 如 果 有 机 会 的 话 ， 他 会 改变 之 前 的 很 多 决定 . 


Stephen Elop 表 示 : “在 过 去 的 一 年 半 时 间 里 ， 如 果 我 们 能 预料 到 市 场 的 变化 是 如 此 迅速 ， 我 们 所 做 


的 事情 将 会 有 很 大 不 同 。 安 卓 手机 的 价格 在 中 国 市 场 急速 下 际 ， 出 卑 我 们 的 意料 。 市 场 变幻 如 此 快速 ， 使 
得 话 基 亚 的 情况 在 类 期 内 变 得 更 加 醒 糕 ， 但 是 我 们 将 会 继续 改善 我 们 的 第 略 。 未 来 是 淮 以 丙 测 的 ， 情 况 韭 


13-30 ”动态 新 闻 标 题 


5) ”尽量 避免 疑问 句 式 

有 很 多 人 写 新 闻 标题 时 喜欢 用 疑问 句 ， 这 种 模式 不 是 不 能 用 ， 而 是 一 定 要 用 得 恰 到 好 
处 ， 但 一 般 初学 者 很 难 驾驭 。 在 写作 新 闻 标题 的 最 初 阶段 ， 其 实 还 是 要 尽量 避免 疑问 句 式 ， 
因为 如 果 做 得 不 太 好 ， 反 而 弄巧成拙 ， 给 自己 的 品牌 添加 负面 效果 。 比 如 标题 《凡客诚 品 为 
何 食 言 而 肥 卖 内 衣 ? 》， 别 人 没 看 内 容 ， 还 以 为 凡客诚 品 这 个 企业 出 什么 问题 了 ， 以 为 是 个 
负面 报道 ， 而 实际 上 内 容 是 说 凡客诚 品 要 开拓 新 的 蓝海 ， 打 破 过 去 自己 一 贯 坚 持 的 以 男士 衬 
衣 为 主 的 生产 销售 模式 ， 在 内 衣 市 场 上 深度 发 力 。 

6) 由 内 容 决定 标题 

但 网 络 新 闻 标 题 也 不 要 过 实 、 过 细 ， 让 浏览 者 失去 继续 阅读 的 兴趣 ， 这 是 基本 原则 。 总 
体 来 说 ， 就 是 让 浏览 者 一 眼看 上 去 ， 就 知道 要 说 明 什么 ， 要 介绍 什么 ， 要 传递 什么 ， 如 图 13-31 
所 示 。 
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《生化 危机 : 浣熊 市 行动 》 新 角色 曝光 
来 源 : 游侠 网 
2012 年 07 月 03 日 08:00 手机 看 新 闻 


打印 “网 滴 纠 错 南城 分 享 推荐 罗 人 民 沿 地 图 让 六子 引 加 四 


除 此 之 外 ， 有 数 张 照片 出 自 于 新 的 恐怖 求生 电视 游戏 。 在 欣赏 人 物 模型 的 同时 ， 你 
也 可 以 去 亚马逊 网 站 上 关注 预 售 的 消息 。 





新 人 物 欣 赏 : 











图 13-31 内 容 决定 标题 

4. 善于 争夺 眼球 

网 络 新 闻 字 体 版 式 都 是 整齐 划一 的 ， 要 想像 平常 报纸 那样 ， 依 靠 醒目 的 字体 或 特大 号 标 
题 来 吸引 读者 ， 几 乎 不 再 可 能 。 一 整 版 的 标题 有 几 百 个 ， 如 何 让 浏览 者 立刻 注意 到 你 的 标 
题 呢 ? 

1) 点 出 新 闻 中 新 奇 、 有 趣 的 事实 

这 一 点 很 明显 ， 对 大 家 来 说 ， 时 间 都 是 很 宝贵 的 ， 如 果 标 题 没有 吸引 网 民 的 眼球 ， 就 产 
生 不 了 后 继 点 击 ， 内 容 中 的 广告 营销 就 无 法 传递 出 去 。 在 标题 中 点 出 新 闻 中 新 奇 有 趣 的 事实 
是 非常 必要 的 。 

2) ”披露 出 读者 熟悉 却 并 不 详 知 的 事件 细节 或 内 幕 

这 其 实 类 似 于 揭 谜 性 质 的 新 闻 ， 可 以 作为 一 种 拓展 阅读 。 如 《 详 讯 : 苏宁 电器 收购 镭射 
电器 正式 进入 香港 》， 这 个 标题 表面 上 看 起 来 很 像 那 种 一 看 标题 就 知道 内 容 的 新 闻 ， 确 实 也 
是 如 此 ， 看 了 标题 你 会 对 文章 内 容 有 个 大 体 了 解 。 不 过 这 则 新 闻 有 两 个 特点 ， 一 是 之 前 说 的 
进口 新 闻 事 件 的 最 新 进展 ， 它 显示 了 苏宁 电器 收购 镭射 电器 之 后 的 进一步 动向 和 深度 挖掘; 
二 是 它 表 现 了 内 幕 式 的 特点 。 写 作者 很 巧妙 地 用 了 两 个 字 让 感 兴趣 的 读者 很 自然 地 去 点 击 而 
不 是 只 看 标题 ， 那 就 是 “ 详 讯 ”， 因 为 是 详 讯 ， 所 以 绝对 不 会 只 是 几 句 话 ， 你 打开 新 闻 ， 可 
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以 看 到 苏宁 电器 进入 中 国 香港 的 点 点 滴 滴 ， 还 有 可 能 带 来 新 的 电器 优惠 政策 。 这 些 都 是 消费 
者 希望 了 解 的 ， 从 而 对 之 前 通过 简讯 的 方式 发 布 的 苏宁 电视 进入 中 国 香港 这 则 消息 ， 在 读者 
熟悉 之 后 ， 进 一 步 进行 了 诠释 。 

3) ”尽量 形象 生动 ， 多 选用 动词 ， 使 标题 富有 动感 

可 以 使 用 拟人 、 对 比 、 设 问 等 修饰 方法 ， 增 强 标 题 吸引 力 ， 很 多 标题 都 在 全 力 以 赴 地 发 
挥 这 一 点 。 如 热点 新 闻 中 ， 有 诸如 “ 尽 收 眼底 ”“ 工 薪 阶 层 最 爱 ”“ 绝 对 不 能 错过 ”之 类 的 
词汇 ， 从 而 让 读者 被 标题 吸引 的 可 能 性 进一步 加 强 。 


5. 不 做 “标题 党 ” 


很 多 人 认为 网 络 新 闻 应 该 是 “标题 党 ”， 越 是 诱惑 性 强 就 越 好 ， 很 多 人 也 是 如 此 去 做 
的 ， 因 为 看 起 来 很 卖弄 、 很 夸张 的 东西 往往 能 够 吸引 人 去 点 击 ， 也 确实 不 乏 成 功 的 案例 。 这 
一 点 在 论坛 、 博 客 这 类 个 性 化 的 营销 推广 方式 中 可 以 有 生存 的 土壤 。 但 是 在 网 络 新 闻 中 ， 随 
着 监管 越 来 越 严格 ,能 免 则 免 ， 毕 况 网 络 新 闻 脱 胎 于 传统 新 闻 ， 尽 管 相对 来 说 没有 那么 严 
谨 ， 但 依旧 要 注意 严肃 性 ， 特 别 是 对 企业 来 说 ， 通 过 网 络 新 闻 要 塑造 的 是 品牌 形象 ， 而 不 是 
毁 掉 它 。 

鼠 夸 张 媚俗 。 一 是 不 要 使 用 卖弄 的 、 夸 张 的 、 过 分 泻 染 的 词汇 制作 标题 ， 因 为 在 快速 阅 
读 中 ， 这 类 标题 难以 让 读者 准确 地 了 解 新 闻 的 真实 内 容 ， 甚 至 会 让 读者 不 得 其 解 。 二 是 不 要 
使 用 隐喻 、 暗 喻 、 比 喻 在 标题 中 “标新立异 ”， 因 为 这 样 的 标题 可 能 会 造成 读者 理解 上 的 障 
碍 ， 甚 至 误导 读者 。 

下 面 的 例子 是 “标题 党 ”的 典型 做 法 。 

《 嫦 奸 奔 月 》=《 铸 成 大 错 的 逃亡 爱 妻 啊 ， 射 击 冠军 的 丈夫 等 你 悔悟 归来 》 

《牛郎织女 》= 《苦命 村 娃 高 干 女 一 一 一 段 被 狠心 岳母 拆散 的 惊 世 恋 情 》 

《西游 记 》= 《浪子 回头 ， 善 良 的 师父 指引 我 重 返 西天 求学 之 路 》 

《红楼 梦 》=《 包 办 婚姻 ， 一 场 家 破 人 亡 的 人 间 惨 剧 》 

《机 器 猫 》=《 只 愿 此 生 不 再 让 你 哭泣 ， 让 我 穿越 时 空 来 拯救 你 》 

这 样 的 标题 或 许 会 引起 读者 点 击 ， 但 在 网 络 新 闻 里 行 不 通 ， 读 者 一 看 内 容 ， 发 现 文 不 对 
题 ， 就 会 兴致 索然 。 特 别 是 对 想 要 进行 营销 的 企业 来 说 ，“ 标 题 党 ”会 导致 自己 的 品牌 形象 
受 损 ， 越 是 “标题 党 ”， 越 吸引 了 读者 去 点 击 阅读 ， 对 品牌 的 形象 损害 越 大 。 

最 为 有 名 的 网 络 新 闻 标 题 党 是 2008 年 年 末 的 网 瘾 精神病 事件 。 这 是 北京 某 医 院 专 家 论证 
出 来 的 结果 ， 其 背后 其 实 是 带 有 治疗 网 瘾 的 营利 性 质 。 为 了 能 够 更 好 地 扩大 收治 网 瘾 的 人 
群 ， 某 专家 以 多 部 门 论 证 ， 以 该 医院 名 义 发 布 了 所 谓 网 瘾 精神 病 的 《网 络 成 瘾 临床 诊断 标 
准 》， 然 后 模糊 掉 网 冶 精 神 病 并 不 等 于 神经 病 的 概念 ， 结 果 和 与 论 哗然 。 网 络 新 闻 发 布 和 转载 
量 极 高 ， 曝 光度 也 高 得 吓人 。 但 当 事 实 一 揭穿 ， 过 度 的 “标题 党 ”和 内 容 完全 不 符合 ， 这 种 
混淆 概念 的 方式 非但 没有 给 医院 带 来 多 大 的 利润 ， 反 而 让 医院 臭名 昭著 ， 宣 传 的 效果 适 得 其 
反 ， 如 图 13-32 所 示 。 
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《网 络 成 瘾 临床 诊断 标准 》 通 过 专家 论证 
httpJwww sina .com .cn 2008 年 11 月 08 日 18:41 新 华 网 


新 华 网 北京 11 月 8 日 电 ( 刘 学 这 、 王 经 国 、 庄 海 红 ) 由 北京 军区 总 医院 制订 的 我 国 首 个 《网 
络 成 况 临 床 诊断 标准 》8 日 在 京 通过 专家 论证 。 这 一 标准 的 通过 结束 了 我 国医 学 界 长 期 以 来 无 
科学 规范 网 络 成 盖 诊 断 标准 的 历史 ， 为 今后 临床 医学 在 网 络 成 症 的 预防 、 诊 断 、 治 疗 及 进 一 
步 研究 提供 了 依据 。 


北京 军区 总 医院 医学 成 佑 科 主 任 陶然 介绍 说 ， 网 络 成 六 是 指 个 体 反复 过 度 使 用 网 络 导致 
的 一 种 精神 行为 障碍 ， 其 后 果 可 导致 性 格 内 向 、 自 卑 、 与 家 人 对 抗 及 其 他 精神 心理 问题 ， 出 
现 心境 障碍 ， 部 分 患者 还 会 导致 社交 丽 惧 症 等 。 据 一 项 调查 报告 显示 ， 我 国 13 岁 至 1? 风 的 青 
少年 在 网 民 中 网 盖 比 例 最 高 ， 大 学 生 网 络 成 盖 率 达到 9 上 。 


为 了 更 好 地 帮助 网 络 成 辣 患 者 告别 网 疗 、 健 康 回归 社会 ，2005 年 3 月 ， 北 京 军区 总 医院 开 
展 了 青少年 网 络 成 瘾 的 集中 住院 治疗 ， 并 于 2006 年 9 月 创办 了 国内 第 一 家 网 络 成 瘾 诊疗 基地 一 
一 “北京 军区 总 医院 青少年 心理 成 长 基地 ”. 


经 过 几 年 的 临床 实践 及 研究 ， 这 个 基地 在 来 自 全 国 的 3000 多 例 网 络 成 瘾 患者 的 临床 资料 
中 ， 抽 取 1300 余 例 具有 代表 性 的 样本 进行 临床 跟踪 研究 ， 制 订 了 《网 络 成 瘾 临床 诊断 标 
准 》。 标 准 详细 界定 了 网 络 成 盖 的 “症状 ”、“ 病 程 ”及 “严重 程度 ”， 被 国内 外 专家 认为 
领先 国际 水 平 ， 是 目前 网 络 成 辣 临 床 诊断 权威 的 诊断 标准 。 
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如 果 看 到 《张曼玉 突然 暴 瘦 自 言 最 爱 梁朝伟 》 这 样 的 标题 ， 你 会 想到 什么 呢 ?” 点 开 正 文 
才 发 现 ， 访 谈 内 容 是 这 样 的 : “最 默契 的 搭档 是 谁 ? 张曼玉 毫 不 避嫌 、 也 毫 不 犹 静 就 脱口 而 
出 : 梁朝伟 。”“ 最 爱 梁 朝 伟 ”原来 是 “最 愿意 与 梁朝伟 合作 ”。 显 然 这 条 娱乐 新 闻 的 标题 
忽悠 了 读者 。“ 标 题 党 ”现象 严重 误导 受众 。 万 一 有 公司 想 借助 这 样 的 标题 来 卖 瘦身 药 ， 声 
称 张曼玉 也 是 吃 这 个 瘦身 的 ， 那 结果 将 会 如 何 ? 只 怕 被 所 有 的 读者 当 作 娱 乐 看 待 ， 而 公司 的 
信誉 度 也 会 下 降 ， 如 图 13-33 所 示 。 


张曼玉 突然 暴 瘦 自 言 最 爱 梁朝伟 


http: /fmw. sina. com. en 2007 年 01 月 06 日 02:06 燕 赵 都 市 报 


无 数 影迷 心中 的 “美丽 女神 ”张曼玉 如 今 大 有 “神龙 见 首 不 见 尾 ” 的 架势 ， 一 直 处 于 
“ 半 隐 退 ” 的 状态 ， 只 偶而 惊 鸿 一 现 。1 月 3 日 晚 ， 京 部 顺义 一 座 会 所 内 ， 身 穿 一 获 红 裙 ， 脚 
中 一 双 黑 针 的 她 ， 遍 钛 亮相 . 





当 所 有 沧桑 虹 变 成 被 时 光 雕 刻 之 后 的 美丽 ， 张 曼 玉 似 乎 已 经 成 为 “完美 女性 ”的 代 名 
词 。 但 近 些 年 ， 她 却 一 直 玻 于 打 理 自己 的 演艺 事业 ， 很 长 时 间 没有 新 作品 问世 ， 和 她 同时 代 
的 女 星 关 之 末 、 刘 嘉 玲 等 人 ， 似 乎 也 沦 为 同样 的 命运 。 除 了 从 商家 手中 拿 些 代言 费 、 出 场 
费 ， 我 们 已 经 很 难 在 银幕 之 上 欣赏 到 她 们 的 纯 世 风采 . 


当晚 的 现场 ， 曾 黎 、 许 还 幻 等 女 星 也 有 到 场 助阵 ， 到 了 上 人 台 合影 环节 ， 这 些 女 星 也 成 了 
张曼玉 的 “追星 族 ”， 站 在 她 的 身 人 出， 一 直 亲 密 的 说 个 不 停 ， 主 持 人 索 妮 不 得 不 几 次 “ 催 
请 ”， 场 面 一 时 颇 为 热 阅 、 也 颇 为 温 声 。 


刚 一 亮相 ， 张 曼 玉 便 对 现场 的 媒体 说 ，“ 最 近 一 直 在 学 新 东西 。” 张 曼 玉 表示 ， 自 己 意 
识 到 电脑 对 世界 将 产生 巨大 改变 后 ， 便 一 直 在 潜心 研究 ， 从 图 片 处 理 软 件 到 电影 的 后 期 制 
作 ， 她 都 有 涉及 ， 莫 非 ， 她 准备 朝 幕后 发 展 ? 


图 13-33 关于 名 人 的 标题 党 


远离 “标题 党 ”也 是 未 来 网 络 新 闻 的 一 个 趋势 。 随 着 行业 自律 ， 靠 煽情 的 标题 来 吸引 读 
者 将 越 来 越 没 有 市 场 。 不 是 说 网 络 新 闻 站 点 不 做 标题 党 ， 而 是 真正 被 监管 起 来 ， 做 “标题 
党 ”所 面临 的 处 罚 也 会 很 大 。 如 果 你 投 送 一 个 “标题 党 ”新 闻 给 网 站 ， 编 辑 一 看 标题 是 
“标题 党 ”就 会 枪毙 了 你 的 稿子 ， 岂 不 是 更 加 冤枉 。 所 以 珍 异 品牌， 远离“ 标题 党 ”， 是 
必要 的 。 


6. 突出 重点 新 闻 要 素 


做 网 络 新 闻 必须 以 文字 和 图 片 为 主 原则 。 美 国 斯 坦 福 大 学 和 佛罗里达 大 学 波 伊 特 (Poynter) 
中 心 的 一 项 研究 表明 ， 网 络 读者 首先 看 的 是 文本 。 整 个 测试 的 结果 是 ， 新 闻 提 要 的 注目 率 是 
82%， 文 章 本 身 是 92%。 网 页 上 出 现 的 图 片 有 64% 受 到 注意 。 

热点 动态 是 专题 的 生命 力 。 如 新 浪 在 2009 年 1 月 4 日 “全 国 大 部 遭遇 寒潮 袭击 ”的 专题 
制作 基本 上 体现 了 这 一 研究 成 果 。 专 题 将 最 重要 的 动态 新 闻 消 息 和 重要 图 片 放 在 版 面 的 最 上 
部 ， 充 分 吸引 了 受众 的 注意 力 。 视 频 和 Flash 是 动态 的 、 转 瞬 即 逝 的 ， 对 网 络 新 闻 的 受众 来 
说 ， 虽 然 他 们 不 太 喜 欢 读 长 篇 大 论 ， 但 还 是 希望 通过 将 新 闻 组 合 在 一 起 ， 引 发 自己 对 社会 、 
对 生活 、 对 现状 更 多 的 思考 ， 文 字 报道 依然 是 引导 受众 思考 的 主角 ， 视 频 和 Flash 只 是 对 文字 
和 图 片 新 闻 的 补充 和 装饰 。 

因此 ， 在 标题 很 不 错 的 前 提 下 ， 做 好 网 络 新 闻 的 正文 部 分 ， 将 是 另 一 番 天 地 。 

网 络 新 闻 的 体例 和 传统 新 闻 并 无 二 致 ， 它 们 都 是 由 消息 、 通 信和 深度 报道 组 成 的 ， 只 是 
相对 网 络 这 一 快餐 结构 来 说 ， 要 想 一 次 弄 一 个 超 长 的 文本 ， 为 你 的 品牌 做 一 次 全 面 新 闻 营 销 
的 话 ， 那 么 可 能 费力 不 讨好 。 原 因 很 简单 ， 上 网 看 新 闻 的 人 ， 很 少 有 人 会 去 阅读 超过 1500 字 
的 文章 。 

如 果 信 息 确实 需要 用 长 篇 大 论 来 完成 ， 也 不 是 不 可 以 ， 将 它 分 割 成 几 大 部 分 ， 做 成 一 个 
新 闻 专 题 ， 然 后 以 几 个 不 同 的 小 标题 来 总 结 它 ， 如 图 13-34 所 示 。 
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图 13-34 分割 为 多 个 小 标题 
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像 图 13-34 中 移动 G3 发 布 这 样 的 大 新 闻 ， 确 实 仅 靠 一 篇 千 字 左右 的 消息 无 法 承载 。 此 
时 可 以 将 其 切割 成 块 ， 如 同 报纸 上 几 个 版 面 组 成 一 个 专题 一 样 ， 用 若干 个 篇 幅 在 1500 字 左 
右 的 新 闻 组 成 ， 再 辅 之 以 视频 、 图 片 和 各 种 相关 信息 ， 形 成 一 个 供 读者 按照 个 人 兴趣 选择 的 
自由 专题 页 面 。 在 单 篇 新 闻 之 后 加 入 超 链接 ， 作 为 拓展 阅读 ， 这 样 就 可 以 让 读者 更 加 全 面 地 
进行 选择 。 其 实用 超 链接 就 可 以 对 一 些 重要 的 人 物 、 事 件 、 背 景 或 概念 进行 扩展 。 既 可 以 用 
注释 的 方式 出 现 ， 也 可 以 直接 链接 到 相关 网 页 。 这 有 助 于 读者 接触 新 闻 深层 背景 ， 获 得 丰富 
的 相关 信息 。 

当然 这 种 模式 非 重 大 新 闻 不 用 ， 而 且 使 用 专题 的 决定 权 也 不 在 你 ， 而 在 于 网 站 的 新 闻 编 
辑 。 任 何 个 人 至 多 提供 信息 和 资料 。 而 且 除了 类 似 中 移动 这 样 的 500 强 企业 ， 中 小 企业 和 个 
人 几乎 没有 机 会 使 用 这 类 模式 。 因 此 ， 本 文 不 对 此 进行 深度 讨论 。 





令 466 


